From b34aba0d4e0732cfb42eef26c344783d7e168bcf Mon Sep 17 00:00:00 2001
From: Luc <luc@lucemans.nl>
Date: Tue, 6 Aug 2024 23:10:58 +0000
Subject: [PATCH] Update Modal State

---
 app/styles/frensday24.css          | 2 +-
 components/POAPModal/POAPModal.tsx | 2 +-
 hooks/usePOAPData.ts               | 8 +++++---
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/app/styles/frensday24.css b/app/styles/frensday24.css
index 1288bb4..b76cd8a 100644
--- a/app/styles/frensday24.css
+++ b/app/styles/frensday24.css
@@ -6,7 +6,7 @@ html:has(.theme-frensday2024) {
         @apply bg-[#E95666] hover:bg-[#d24a5a] active:bg-[#eb5d6e] font-bold text-[#FFF3E8];
     }
     .card-bg {
-        @apply bg-[#14032C];
+        @apply bg-[#FFDBCA];
     }
     .link {
         @apply text-ens-light-blue;
diff --git a/components/POAPModal/POAPModal.tsx b/components/POAPModal/POAPModal.tsx
index f8d3267..0e7f7ac 100644
--- a/components/POAPModal/POAPModal.tsx
+++ b/components/POAPModal/POAPModal.tsx
@@ -108,7 +108,7 @@ export const POAPModal: FC<{
                         </div>
                     </div>
                     <button
-                        className="absolute right-4 text-xl opacity-50"
+                        className="absolute right-4 text-xl opacity-50 p-2 z-20"
                         onClick={() => {
                             setDismissed(true);
                         }}
diff --git a/hooks/usePOAPData.ts b/hooks/usePOAPData.ts
index 40ccd51..5d129b5 100644
--- a/hooks/usePOAPData.ts
+++ b/hooks/usePOAPData.ts
@@ -18,12 +18,14 @@ export const usePOAPData = async (
     poapEventId: number
 ): Promise<POAPMetadata | undefined> => {
     try {
-        const request = await fetch(`${POAP_API_HOST}/metadata/${poapEventId}/1`);
+        const request = await fetch(
+            `${POAP_API_HOST}/metadata/${poapEventId}/1`
+        );
 
         if (!request.ok) return;
 
         return await request.json();
-    } catch (erorr) {
-        console.error('Error fetching POAP data', erorr);
+    } catch (error) {
+        console.error('Error fetching POAP data', error);
     }
 };