From 9099db9b76bcc76fa8b7aa9ede6eaa8783298a93 Mon Sep 17 00:00:00 2001
From: Lucemans <luc@lucemans.nl>
Date: Sat, 7 Oct 2023 15:06:11 +0000
Subject: [PATCH] Bump

---
 app/global.css                     |  2 +-
 components/POAPModal/POAPModal.tsx | 28 +++++++++++++++-------------
 hooks/useIYKRef.ts                 |  4 ++--
 3 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/app/global.css b/app/global.css
index 5a303a6..4ce5213 100644
--- a/app/global.css
+++ b/app/global.css
@@ -3,7 +3,7 @@
 @tailwind utilities;
 
 .btn {
-    @apply bg-[#7116EB] relative rounded-lg flex items-center justify-center gap-2;
+    @apply bg-[#7116EB] relative rounded-lg flex items-center justify-center gap-2 hover:bg-[#781dff] transition-colors duration-200 ease-in-out active:bg-[#5e0fc8];
 }
 
 .balance {
diff --git a/components/POAPModal/POAPModal.tsx b/components/POAPModal/POAPModal.tsx
index 3d8f097..d3724e1 100644
--- a/components/POAPModal/POAPModal.tsx
+++ b/components/POAPModal/POAPModal.tsx
@@ -42,23 +42,25 @@ export const POAPModal: FC<{
     return (
         <div className="fixed bottom-0 inset-x-0 px-2 pb-4">
             <div className="w-full max-w-md3 mx-auto">
-                <div className="p-4 text-center relative flex flex-col items-center">
+                <div className="p-6 gap-4 text-center relative flex flex-col items-center">
                     <Creeper />
-                    <div className="absolute inset-x-0 bottom-0 top-12 bg-[#14032C] rounded-3xl -z-10"></div>
-                    <div className="w-24 h-24 bg-slate-100 rounded-full">
-                        <img
-                            src={metadata.image_url}
-                            alt=""
-                            className="w-full h-full object-cover"
-                        />
-                    </div>
-                    <div className="">
-                        <div className="px-4 py-2 btn w-fit mx-auto -translate-y-3 font-bold">
-                            Mint POAP
+                    <div className="absolute inset-x-0 bottom-0 top-0 bg-[#14032C] rounded-3xl -z-10"></div>
+                    <div className="w-full h-8 z-10 relative flex items-center justify-center">
+                        <div className="w-24 h-24 bg-slate-100 rounded-full -translate-y-14">
+                            <img
+                                src={metadata.image_url}
+                                alt=""
+                                className="w-24 h-24 object-cover"
+                            />
+                        </div>
+                        <div className="z-10 absolute bottom-0 w-full">
+                            <div className="px-6 py-2 btn w-fit mx-auto font-bold text-sm">
+                                Mint POAP
+                            </div>
                         </div>
                     </div>
                     <button
-                        className="absolute right-4 top-16 text-xl opacity-50"
+                        className="absolute right-4 text-xl opacity-50"
                         onClick={() => {
                             setDismissed(true);
                         }}
diff --git a/hooks/useIYKRef.ts b/hooks/useIYKRef.ts
index 74b59bf..1e80bd6 100644
--- a/hooks/useIYKRef.ts
+++ b/hooks/useIYKRef.ts
@@ -53,6 +53,6 @@ export const useIYKRef = async (reference?: string) => {
 
     const result: IYKRefResponse = await response.json();
 
-    return DEBUG_VALUE as IYKRefResponse;
-    // return result;
+    // return DEBUG_VALUE as IYKRefResponse;
+    return result;
 };