Merge pull request #96 from GeneralMagicio/ui-fixes

your budget centering and some fixes
GeneralMagicio · Oct 31, 2024 · 376103b · 376103b
2 parents e3efd11 + b3f8dc1
commit 376103b
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 17 deletions.
diff --git 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
@@ -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,21 +619,23 @@ const AllocationPage = () => {
                   </button>
                 )}
           </div>
-          <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>