From ad96c4a3cbcf52f35b812179a5100581a1bfc816 Mon Sep 17 00:00:00 2001
From: HrithikSampson <hrithikedwardsampson@gmail.com>
Date: Thu, 31 Oct 2024 20:22:50 +0530
Subject: [PATCH 1/2] your budget centering and some fixes

---
 app/allocation/components/ProgressCards/PendingCategory.tsx | 2 +-
 app/allocation/page.tsx                                     | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/allocation/components/ProgressCards/PendingCategory.tsx b/app/allocation/components/ProgressCards/PendingCategory.tsx
index 516ee6b..5ad7a05 100644
--- a/app/allocation/components/ProgressCards/PendingCategory.tsx
+++ b/app/allocation/components/ProgressCards/PendingCategory.tsx
@@ -28,7 +28,7 @@ const PendingCategory = ({
           onClick={onScore}
           className={`whitespace-nowrap rounded-md py-3 text-sm font-medium ${
             isAutoConnecting || (isBadgeholder && bhCategory !== categorySlug)
-              ? 'border bg-gray-300 text-gray-600'
+              ? 'border bg-gray-300 text-gray-500'
               : 'bg-primary text-white'
           } ${
             isBadgeholder && bhCategory === categorySlug ? 'w-full' : 'w-[48%]'
diff --git a/app/allocation/page.tsx b/app/allocation/page.tsx
index 2cb56a5..f215164 100644
--- a/app/allocation/page.tsx
+++ b/app/allocation/page.tsx
@@ -466,7 +466,7 @@ const AllocationPage = () => {
             </p>
           </div>
         )}
-        <div className="flex justify-between gap-4">
+        <div className={`flex ${allocatingBudget?'justify-center':'justify-between'} gap-4`}>
           <div className="flex w-[72%] flex-col gap-6 rounded-xl border p-6">
             <div>
               <h3 className="mb-4 w-full border-b pb-6 text-2xl font-bold">
@@ -619,7 +619,7 @@ const AllocationPage = () => {
                   </button>
                 )}
           </div>
-          <div className="w-[25%]">
+          {!allocatingBudget && <div className="w-[25%]">
             <ConnectBox
               onConnectFarcaster={() => {
                 setIsOpenFarcasterModal(true);
@@ -633,7 +633,7 @@ const AllocationPage = () => {
                 setIsWorldIdSignSuccessModal(true);
               }}
             />
-          </div>
+          </div>}
         </div>
       </div>
     </div>

From b3f8dc1d02c757ac84333013ddc66b6993f9d177 Mon Sep 17 00:00:00 2001
From: HrithikSampson <hrithikedwardsampson@gmail.com>
Date: Thu, 31 Oct 2024 20:41:18 +0530
Subject: [PATCH 2/2] run linter

---
 app/allocation/page.tsx | 34 ++++++++++++++++++----------------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/app/allocation/page.tsx b/app/allocation/page.tsx
index f215164..96f9367 100644
--- a/app/allocation/page.tsx
+++ b/app/allocation/page.tsx
@@ -466,7 +466,7 @@ const AllocationPage = () => {
             </p>
           </div>
         )}
-        <div className={`flex ${allocatingBudget?'justify-center':'justify-between'} gap-4`}>
+        <div className={`flex ${allocatingBudget ? 'justify-center' : 'justify-between'} gap-4`}>
           <div className="flex w-[72%] flex-col gap-6 rounded-xl border p-6">
             <div>
               <h3 className="mb-4 w-full border-b pb-6 text-2xl font-bold">
@@ -619,21 +619,23 @@ const AllocationPage = () => {
                   </button>
                 )}
           </div>
-          {!allocatingBudget && <div className="w-[25%]">
-            <ConnectBox
-              onConnectFarcaster={() => {
-                setIsOpenFarcasterModal(true);
-              }}
-              onConnectTwitter={() => {}}
-              onConnectWorldID={(isError?: boolean) => {
-                if (isError) {
-                  setIsWorldIdSignErrorModal(true);
-                  return;
-                }
-                setIsWorldIdSignSuccessModal(true);
-              }}
-            />
-          </div>}
+          {!allocatingBudget && (
+            <div className="w-[25%]">
+              <ConnectBox
+                onConnectFarcaster={() => {
+                  setIsOpenFarcasterModal(true);
+                }}
+                onConnectTwitter={() => {}}
+                onConnectWorldID={(isError?: boolean) => {
+                  if (isError) {
+                    setIsWorldIdSignErrorModal(true);
+                    return;
+                  }
+                  setIsWorldIdSignSuccessModal(true);
+                }}
+              />
+            </div>
+          )}
         </div>
       </div>
     </div>