From e86d9bc04c72e88cc27173611db4f99611d1e136 Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Tue, 25 Jul 2023 23:18:49 +0200
Subject: [PATCH] feat: implement feature flags

---
 src/components/SettingsPopover.astro | 22 +++++++++++++++++-----
 src/utils/feature-flags.ts           | 14 ++++++++++++++
 2 files changed, 31 insertions(+), 5 deletions(-)
 create mode 100644 src/utils/feature-flags.ts

diff --git a/src/components/SettingsPopover.astro b/src/components/SettingsPopover.astro
index 0558a50..729e3ad 100644
--- a/src/components/SettingsPopover.astro
+++ b/src/components/SettingsPopover.astro
@@ -1,23 +1,35 @@
 ---
 import Icon from "astro-iconify";
+import { featureFlags, featureLabels } from "../utils/feature-flags";
 export interface Props {
   toggle: string;
 }
 
+const enabledSettings = Object.keys(featureFlags).filter(
+  (key) => featureFlags[key]
+);
+
 const { toggle } = Astro.props;
 ---
 
-<form id="settings-form" hidden>
+<form id="settings-form">
   <div id="toolbar">
     <h2>Settings</h2>
     <label for={toggle}>
       <Icon name="mdi:close" />
     </label>
   </div>
-  <div class="field">
-    <input type="checkbox" id="settings-1" name="settings-1" checked />
-    <label for="settings-1">Option 1</label>
-  </div>
+  {
+    enabledSettings.map(
+      (settings) =>
+        settings !== "" && (
+          <div class="field">
+            <input type="checkbox" id="settings-2" name="settings-2" />
+            <label for="settings-2">{featureLabels[settings]}</label>
+          </div>
+        )
+    )
+  }
 </form>
 
 <style lang="scss">
diff --git a/src/utils/feature-flags.ts b/src/utils/feature-flags.ts
new file mode 100644
index 0000000..17d5548
--- /dev/null
+++ b/src/utils/feature-flags.ts
@@ -0,0 +1,14 @@
+export enum Features {
+  "SendToEmail",
+  "HideImages",
+}
+
+export const featureLabels: Record<Features, string> = {
+  [Features.SendToEmail]: "Send to email",
+  [Features.HideImages]: "Hide images",
+};
+
+export const featureFlags: Record<Features, boolean> = {
+  [Features.SendToEmail]: false,
+  [Features.HideImages]: true,
+};