Disable unused inputs when max projects reached in UI

BlossomLabs · Sep 26, 2024 · 38fca80 · 38fca80
1 parent 06eaa6f
commit 38fca80
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/apps/web/src/components/VotingCard.tsx b/apps/web/src/components/VotingCard.tsx
@@ -167,7 +167,11 @@ function VoteControls({
           -
         </Button>
         <Input
-          disabled={!votingPower}
+          disabled={
+            !votingPower ||
+            (votedProjects.length >= maxVotedProjects &&
+              !votes[project.account])
+          }
           type="number"
           value={voteCount}
           onChange={(e) =>

diff --git a/apps/web/src/hooks/useAllocation.ts b/apps/web/src/hooks/useAllocation.ts
@@ -34,7 +34,7 @@ export const useAllocation = (
       amounts: string[];
     }[];
   }>({
-    queryKey: ["allocation"],
+    queryKey: ["allocation", council, councilMember],
     async queryFn() {
       return await request(url, query, {
         council: council?.toLowerCase(),

diff --git a/apps/web/src/hooks/useCouncil.ts b/apps/web/src/hooks/useCouncil.ts
@@ -35,7 +35,7 @@ export const useCouncil = (council: `0x${string}` | undefined) => {
       pool: string;
     };
   }>({
-    queryKey: ["data"],
+    queryKey: ["council", council],
     async queryFn() {
       return await request(url, query, { council: council?.toLowerCase() });
     },