Improve the frontend for non-connected and non-members (fixes #2)

BlossomLabs · Sep 25, 2024 · 06eaa6f · 06eaa6f
1 parent d6dda01
commit 06eaa6f
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 7 deletions.
diff --git a/apps/web/src/app/page.tsx b/apps/web/src/app/page.tsx
@@ -61,12 +61,30 @@ export default function Page() {
       </Link>
       <div className="flex flex-col gap-4 mb-4 text-justify">
         {totalVotingPower ? (
-          <p>
-            You are 1 of {councilMembers?.length} council members, holding{" "}
-            {((votingPower / totalVotingPower) * 100).toFixed(2)}% of the total
-            voting power. Your vote plays a significant role in determining how
-            the budget is allocated to projects. Use your influence wisely.
-          </p>
+          !address ? (
+            <p className="text-center">
+              Connect your wallet to view your voting power and budget
+              allocation.
+            </p>
+          ) : (
+            <>
+              {votingPower ? (
+                <p>
+                  You are 1 of {councilMembers?.length} council members, holding{" "}
+                  {((votingPower / totalVotingPower) * 100).toFixed(2)}% of the
+                  total voting power. Your vote plays a significant role in
+                  determining how the budget is allocated to projects. Use your
+                  influence wisely.
+                </p>
+              ) : (
+                <p>
+                  You are not currently a council member. Only council members
+                  have voting power and can influence budget allocations. Stay
+                  tuned for future opportunities to join the council.
+                </p>
+              )}
+            </>
+          )
         ) : (
           <>
             <Skeleton className="h-4 w-full" />

diff --git a/apps/web/src/components/VotingCard.tsx b/apps/web/src/components/VotingCard.tsx
@@ -173,7 +173,7 @@ function VoteControls({
           onChange={(e) =>
             handleVote(project.account, Number.parseInt(e.target.value))
           }
-          className="w-16 bg-gray-600 text-center text-white rounded-none px-3 py-1 input-number-hide-arrows border-none focus-visible:ring-0 focus-visible:ring-offset-0"
+          className="w-16 bg-gray-600 text-center text-white rounded-none px-3 py-1 input-number-hide-arrows border-none focus-visible:ring-0 focus-visible:ring-offset-0 disabled:cursor-default"
         />
         <Button
           disabled={