diff --git a/governance/ui/src/pages/MyVotes.tsx b/governance/ui/src/pages/MyVotes.tsx index 031b948e6..158768304 100644 --- a/governance/ui/src/pages/MyVotes.tsx +++ b/governance/ui/src/pages/MyVotes.tsx @@ -26,6 +26,7 @@ import { useState } from 'react'; import { CouncilImage } from '../components/CouncilImage'; import { ProfilePicture } from '../components/UserProfileCard/ProfilePicture'; import { getVoteSelectionState } from '../utils/localstorage'; +import { utils } from 'ethers'; export default function MyVotes() { const [showConfirmation, setShowConfirmation] = useState(false); @@ -48,6 +49,14 @@ export default function MyVotes() { .map(([council]) => council) as CouncilSlugs[]; const { mutateAsync, isPending } = useCastVotes(councilToCastVote, stateFromCouncils); const navigate = useNavigate(); + const formattedVotePower = formatNumber( + votingPowerSpartan?.power && votingPowerAmbassador?.power && votingPowerTreassury?.power + ? utils.formatEther( + votingPowerSpartan.power.add(votingPowerAmbassador.power).add(votingPowerTreassury.power) + ) + : 0 + ); + return ( <> @@ -178,14 +187,14 @@ export default function MyVotes() { Total Voting Power - {formatNumber( - votingPowerSpartan?.power && votingPowerAmbassador && votingPowerTreassury - ? votingPowerSpartan.power - .add(votingPowerAmbassador.power) - .add(votingPowerTreassury.power) - .toString() - : 0 - )} + {formattedVotePower === '0.00' + ? formatNumber( + votingPowerSpartan?.power + .add(votingPowerAmbassador?.power || 0) + .add(votingPowerTreassury?.power || 0) + .toString() || 0 + ) + : formattedVotePower}