From a4131c014a33df37e3c3048dea380afbdad04ec3 Mon Sep 17 00:00:00 2001
From: Utkarsh <83659045+0xShuk@users.noreply.github.com>
Date: Mon, 10 Jun 2024 13:36:43 +0530
Subject: [PATCH] show voters count in Explore page (#2360)

---
 pages/dao/[symbol]/proposal/[pk]/explore.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/pages/dao/[symbol]/proposal/[pk]/explore.tsx b/pages/dao/[symbol]/proposal/[pk]/explore.tsx
index 4a03e5998a..8887b24e06 100644
--- a/pages/dao/[symbol]/proposal/[pk]/explore.tsx
+++ b/pages/dao/[symbol]/proposal/[pk]/explore.tsx
@@ -44,6 +44,8 @@ export default function Explore() {
     proposal?.account.voteType !== VoteType.SINGLE_CHOICE &&
     proposal?.account.accountType === GovernanceAccountType.ProposalV2
 
+  const voterCount = records.filter(r => r.voteType !== 1).length
+
   return (
     <div className="bg-bkg-2 rounded-lg p-4 space-y-3 md:p-6">
       <button
@@ -67,7 +69,8 @@ export default function Explore() {
             <h1 className="mr-2">{proposal?.account.name}</h1>
             <ProposalStateBadge proposal={proposal.account} />
           </div>
-          <div className="mb-4 mt-16 flex justify-between">
+          <h4>Number of Voters: {voterCount}</h4>
+          <div className="mb-4 mt-12 flex justify-between">
             <h3 className="">Top Voters</h3>
           </div>
           <div