From b569ffc6a2a1b5a8c8daa6624e544b9965de79a7 Mon Sep 17 00:00:00 2001
From: 4rjunc <arjunmundamani@gmail.com>
Date: Sat, 26 Oct 2024 23:34:59 +0530
Subject: [PATCH] =?UTF-8?q?Fixed=20the=20link=20display=20=F0=9F=92=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Reclaim.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/Reclaim.tsx b/src/components/Reclaim.tsx
index 5b628ea..d9ba423 100644
--- a/src/components/Reclaim.tsx
+++ b/src/components/Reclaim.tsx
@@ -10,11 +10,11 @@ interface SocialMedia {
   onProofReceived: (proof: any) => void;
 }
 
-console.log(
-  "ENVS:",
-  import.meta.env.VITE_PUBLIC_RECLAIM_APP_ID,
-  import.meta.env.VITE_PUBLIC_RECLAIM_APP_SECRET,
-);
+// console.log(
+//   "ENVS:",
+//   import.meta.env.VITE_PUBLIC_RECLAIM_APP_ID,
+//   import.meta.env.VITE_PUBLIC_RECLAIM_APP_SECRET,
+// );
 
 const APP_ID = import.meta.env.VITE_PUBLIC_RECLAIM_APP_ID;
 const APP_SECRET = import.meta.env.VITE_PUBLIC_RECLAIM_APP_SECRET;
@@ -127,7 +127,7 @@ function ReclaimDemo({ onProofReceived }: SocialMedia) {
           </div>
 
           {/* Current Selected Icon */}
-          <div className="absolute left-3 top-1/2 -translate-y-1/2 ointer-events-none">
+          <div className="absolute ms-2 left-3 top-1/2 -translate-y-1/2 ointer-events-none">
             {social === "instagram" && (
               <FaInstagram className="w-6 h-6 text-gray-600" />
             )}
@@ -206,7 +206,7 @@ function ReclaimDemo({ onProofReceived }: SocialMedia) {
             type="text"
             readOnly
             value={requestUrl}
-            className="w-full p-3 border border-gray-200 rounded-lg bg-white text-sm font-mono"
+            className="w-full p-3 border border-gray-200 rounded-lg bg-white text-sm font-mono text-gray-900"
           />
         </div>
       )}