Increment and decrement votes by 10% in the UI

BlossomLabs · Sep 23, 2024 · 0d14d2f · 0d14d2f
1 parent d94383e
commit 0d14d2f
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 5 deletions.
diff --git a/apps/web/src/components/VotingCard.tsx b/apps/web/src/components/VotingCard.tsx
@@ -90,7 +90,6 @@ const VotingCard = ({
               </div>
             </div>
             {projects.map((project) => {
-              console.log(totalVotes, votingPower);
               const voteCount = votes[project.account] || 0;
               return (
                 <div
@@ -101,7 +100,12 @@ const VotingCard = ({
                   <div className="flex items-center">
                     <Button
                       disabled={voteCount <= 0}
-                      onClick={() => handleVote(project.account, voteCount - 1)}
+                      onClick={() =>
+                        handleVote(
+                          project.account,
+                          Math.max(0, voteCount - Math.floor(votingPower / 10)),
+                        )
+                      }
                       className="bg-gray-700 w-8 py-1 text-white hover:bg-gray-500 rounded-r-none"
                     >
                       -
@@ -123,14 +127,23 @@ const VotingCard = ({
                           !votes[project.account]) ||
                         totalVotes >= votingPower
                       }
-                      onClick={() => handleVote(project.account, voteCount + 1)}
+                      onClick={() =>
+                        handleVote(
+                          project.account,
+                          voteCount +
+                            Math.min(
+                              votingPower - totalVotes,
+                              Math.floor(votingPower / 10),
+                            ),
+                        )
+                      }
                       className="bg-gray-700 w-8 py-1 text-white hover:bg-gray-500 rounded-l-none"
                     >
                       +
                     </Button>
                     <span className="w-12 text-right">
                       {totalVotes > 0
-                        ? Math.round((voteCount / totalVotes) * 100)
+                        ? Math.round((voteCount / votingPower) * 100)
                         : 0}
                       %
                     </span>

diff --git a/apps/web/src/hooks/useAllocation.ts b/apps/web/src/hooks/useAllocation.ts
@@ -45,7 +45,11 @@ export const useAllocation = (
   });
   const allocation = data?.allocations?.[0];
   if (!allocation) {
-    return { data: undefined, isLoading, votingPower: 0 };
+    return {
+      data: undefined,
+      isLoading,
+      votingPower: data?.councilMember?.votingPower ?? 0,
+    };
   }
   const formattedAllocation: { [grantee: `0x${string}`]: number } =
     Object.fromEntries(