From b2ba74bd97ec8abcb57b1286ef848c3690dcf2bb Mon Sep 17 00:00:00 2001
From: Jorrin <jorrinkievit@hotmail.com>
Date: Thu, 28 Mar 2024 20:26:09 +0100
Subject: [PATCH] fix ts error, fix styling on PermissionRequest

---
 src/hooks/useDomainWhitelist.ts | 4 ++--
 src/popup.tsx                   | 2 +-
 src/tabs/PermissionRequest.css  | 4 ++++
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/hooks/useDomainWhitelist.ts b/src/hooks/useDomainWhitelist.ts
index 18c88f1..a45e711 100644
--- a/src/hooks/useDomainWhitelist.ts
+++ b/src/hooks/useDomainWhitelist.ts
@@ -23,9 +23,9 @@ export function useDomainWhitelist() {
   };
 }
 
-export function useToggleWhitelistDomain(domain: string) {
+export function useToggleWhitelistDomain(domain: string | null) {
   const { domainWhitelist, addDomain, removeDomain } = useDomainWhitelist();
-  const isWhitelisted = domainWhitelist.includes(domain);
+  const isWhitelisted = domainWhitelist.includes(domain ?? '');
   const { grantPermission } = usePermission();
   const iconPath = (chrome || browser).runtime.getURL(isWhitelisted ? 'assets/active.png' : 'assets/inactive.png');
 
diff --git a/src/popup.tsx b/src/popup.tsx
index 067636c..8465e44 100644
--- a/src/popup.tsx
+++ b/src/popup.tsx
@@ -28,7 +28,7 @@ function IndexPopup() {
   ) : (
     <Frame>
       <div className="popup">
-        {page === 'toggle' ? <ToggleButton active={isWhitelisted} onClick={toggle} domain={domain} /> : null}
+        {page === 'toggle' && domain ? <ToggleButton active={isWhitelisted} onClick={toggle} domain={domain} /> : null}
         {page === 'disabled' ? <DisabledScreen /> : null}
         <BottomLabel />
       </div>
diff --git a/src/tabs/PermissionRequest.css b/src/tabs/PermissionRequest.css
index 86ff7e7..4c7e741 100644
--- a/src/tabs/PermissionRequest.css
+++ b/src/tabs/PermissionRequest.css
@@ -10,6 +10,10 @@ body {
   padding-bottom: 50px;
 }
 
+#__plasmo {
+  height: unset;
+}
+
 .permission-request.container {
   width: 90%;
   margin: 100px auto;