From 488666cea1a522fee41bc7d896c42062694b6548 Mon Sep 17 00:00:00 2001
From: yu-zhen <wlphg010688@gmail.com>
Date: Mon, 2 Sep 2024 15:37:07 +0900
Subject: [PATCH] fix: update X with real number

---
 packages/interface/src/components/EligibilityDialog.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/interface/src/components/EligibilityDialog.tsx b/packages/interface/src/components/EligibilityDialog.tsx
index 57f952e9..4edf71c6 100644
--- a/packages/interface/src/components/EligibilityDialog.tsx
+++ b/packages/interface/src/components/EligibilityDialog.tsx
@@ -14,7 +14,7 @@ export const EligibilityDialog = (): JSX.Element | null => {
   const { disconnect } = useDisconnect();
 
   const [openDialog, setOpenDialog] = useState<boolean>(!!address);
-  const { onSignup, isEligibleToVote, isRegistered } = useMaci();
+  const { onSignup, isEligibleToVote, isRegistered, initialVoiceCredits, votingEndsAt } = useMaci();
   const router = useRouter();
 
   const appState = useAppState();
@@ -73,14 +73,14 @@ export const EligibilityDialog = (): JSX.Element | null => {
         buttonName="See all projects"
         description={
           <div className="flex flex-col gap-4">
-            <p>You have X voice credits to vote with.</p>
+            <p>You have {initialVoiceCredits} voice credits to vote with.</p>
 
             <p>
               Get started by adding projects to your ballot, then adding the amount of votes you want to allocate to
               each one.
             </p>
 
-            <p>Please submit your ballot by X date!</p>
+            <p>Please submit your ballot by {votingEndsAt.toString()}!</p>
           </div>
         }
         isOpen={openDialog}