From 8d7fe1dadf1be998b52c16fc8dbeb95a4355ba1f Mon Sep 17 00:00:00 2001
From: mrjvs <jellevs@gmail.com>
Date: Thu, 11 Jan 2024 19:31:28 +0100
Subject: [PATCH] Add domain + add extension id for firefox

---
 package.json                    | 7 ++++++-
 src/components/ToggleButton.tsx | 3 ++-
 src/popup.tsx                   | 2 +-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 783fdfe..ce5ce82 100644
--- a/package.json
+++ b/package.json
@@ -48,6 +48,11 @@
     ],
     "host_permissions": [
       "<all_urls>"
-    ]
+    ],
+    "browser_specific_settings": {
+      "gecko": {
+        "id": "3fd86354-c73f-4395-9e26-2c5c984579bf"
+      }
+    }
   }
 }
diff --git a/src/components/ToggleButton.tsx b/src/components/ToggleButton.tsx
index 5135a8f..3a9f771 100644
--- a/src/components/ToggleButton.tsx
+++ b/src/components/ToggleButton.tsx
@@ -4,6 +4,7 @@ import './ToggleButton.css';
 export interface ToggleButtonProps {
   onClick?: () => void;
   active?: boolean;
+  domain: string;
 }
 
 export function ToggleButton(props: ToggleButtonProps) {
@@ -35,7 +36,7 @@ export function ToggleButton(props: ToggleButtonProps) {
         </button>
       </div>
       <p>
-        Extension {props.active ? 'enabled' : 'disabled'} <br /> on <strong>movie-web.app</strong>
+        Extension {props.active ? 'enabled' : 'disabled'} <br /> on <strong>{props.domain}</strong>
       </p>
     </div>
   );
diff --git a/src/popup.tsx b/src/popup.tsx
index 8669fd9..12644da 100644
--- a/src/popup.tsx
+++ b/src/popup.tsx
@@ -13,7 +13,7 @@ function IndexPopup() {
   return (
     <Frame>
       <div className="popup">
-        {!domain ? <DisabledScreen /> : <ToggleButton active={isWhitelisted} onClick={toggle} />}
+        {!domain ? <DisabledScreen /> : <ToggleButton active={isWhitelisted} onClick={toggle} domain={domain} />}
         <BottomLabel />
       </div>
     </Frame>