Manage isFetching condition to change button color

BuidlGuidl · Apr 18, 2024 · d0565c8 · d0565c8
1 parent b661e06
commit d0565c8
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/packages/nextjs/app/_components/ApplyEligibilityLink.tsx b/packages/nextjs/app/_components/ApplyEligibilityLink.tsx
@@ -9,15 +9,16 @@ export const ApplyEligibilityLink = () => {
   const { isConnected, address: connectedAddress } = useAccount();
   const { isBuilderPresent, isLoading: isFetchingBuilderData } = useBGBuilderData(connectedAddress);
 
-  const applyButtonColor = !isConnected
-    ? "btn-primary disabled"
-    : !isBuilderPresent
-    ? "btn-warning disabled"
-    : "btn-success";
+  const applyButtonColor =
+    !isConnected || isFetchingBuilderData
+      ? "btn-primary disabled"
+      : !isBuilderPresent
+      ? "btn-warning disabled"
+      : "btn-success";
 
   const notConnectedMessage = (
     <div className="leading-snug">
-      <p className="">
+      <p>
         🔎 <strong>Connect your wallet</strong> to verify whether you qualify to apply or not.
       </p>
     </div>