Add domain + add extension id for firefox

package.json

@@ -48,6 +48,11 @@
     ],
     "host_permissions": [
       "<all_urls>"
-    ]
+    ],
+    "browser_specific_settings": {
+      "gecko": {
+        "id": "3fd86354-c73f-4395-9e26-2c5c984579bf"
+      }
+    }
   }
 }

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>
   );

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>