From 312d286530e5e602a910d659592a34b5544ea60d Mon Sep 17 00:00:00 2001
From: ctrlc03 <93448202+ctrlc03@users.noreply.github.com>
Date: Fri, 30 Aug 2024 14:38:02 +0100
Subject: [PATCH] fix: small ui fixes (#23)

---
 packages/interface/src/components/VotingInfo.tsx              | 4 +++-
 .../src/features/ballot/components/BallotConfirmation.tsx     | 4 ++--
 .../src/features/ballot/components/SubmitBallotButton.tsx     | 2 +-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/interface/src/components/VotingInfo.tsx b/packages/interface/src/components/VotingInfo.tsx
index 3e8e205..c13d534 100644
--- a/packages/interface/src/components/VotingInfo.tsx
+++ b/packages/interface/src/components/VotingInfo.tsx
@@ -20,7 +20,9 @@ export const VotingInfo = (): JSX.Element => {
 
       {isLoading && <p>Loading...</p>}
 
-      {!isLoading && (
+      {!isLoading && timeLeft[3] < 0 && <p>Voting has ended</p>}
+
+      {!isLoading && timeLeft[3] > 0 && (
         <div className="flex gap-2">
           <TimeSlot num={timeLeft[0]} unit="Days" />
 
diff --git a/packages/interface/src/features/ballot/components/BallotConfirmation.tsx b/packages/interface/src/features/ballot/components/BallotConfirmation.tsx
index a2134d8..e8f8651 100644
--- a/packages/interface/src/features/ballot/components/BallotConfirmation.tsx
+++ b/packages/interface/src/features/ballot/components/BallotConfirmation.tsx
@@ -78,7 +78,7 @@ export const BallotConfirmation = (): JSX.Element => {
       {appState === EAppState.VOTING && (
         <Card>
           <div className="flex-3 flex flex-col gap-4">
-            <b className="font-mono text-2xl uppercase">Wanna change your mind?</b>
+            <b className="font-mono text-2xl uppercase">Have you changed your mind?</b>
 
             <p className="text-gray-400">Your can edit your ballot and resubmit it anytime during the voting period.</p>
           </div>
@@ -96,7 +96,7 @@ export const BallotConfirmation = (): JSX.Element => {
           <b className="font-mono text-2xl uppercase">{`Help us improve our next round of ${config.eventName}`}</b>
 
           <p className="text-gray-400">
-            {`Your anonymized feedback will be influential to help us iterate on
+            {`Your feedback will be influential to help us iterate on
             ${config.eventName} process.`}
           </p>
         </div>
diff --git a/packages/interface/src/features/ballot/components/SubmitBallotButton.tsx b/packages/interface/src/features/ballot/components/SubmitBallotButton.tsx
index aac7389..bcb6b84 100644
--- a/packages/interface/src/features/ballot/components/SubmitBallotButton.tsx
+++ b/packages/interface/src/features/ballot/components/SubmitBallotButton.tsx
@@ -58,7 +58,7 @@ export const SubmitBallotButton = (): JSX.Element => {
         button="primary"
         buttonAction={handleSubmitBallot}
         buttonName="submit"
-        description="This is not a final submission. Once you submit your ballot, you can change it during the voting period."
+        description="This is not the final submission. Once you submit your ballot, you can change it during the voting period."
         isLoading={isLoading}
         isOpen={ableToSubmit && isOpen}
         size="sm"