feat: fetch vote result data

Author: chickick

src/containers/vote/index.ts

@@ -10,6 +10,7 @@ import { toast } from 'sonner';
 
 interface VoteState {
   isLoading: boolean;
+  voteResult: boolean;
   deadline: number | null;
   votes: Record<string, ['yes' | 'no', string]>;
   yesVotesCount: number | null;
@@ -31,7 +32,7 @@ function useVoteContainer(): UseVoteContainer {
   const { viewFunction } = useNear();
 
   const [deadline, setDeadline] = useState<number | null>(null);
-  // const [voteFinishedAt, setVoteFinishedAt] = useState<number | null>(null);
+  const [voteResult, setVoteResult] = useState(false);
   const [votes, setVotes] = useState<Record<string, ['yes' | 'no', string]>>({});
   const [votedStakeAmount, setVotedStakeAmount] = useState(Big(0));
   const [totalVotedStakeAmount, setTotalVotedStakeAmount] = useState(Big(0));
@@ -60,14 +61,14 @@ function useVoteContainer(): UseVoteContainer {
     setTotalVotedStakeAmount(Big(data[2]));
   }, [viewFunction]);
 
-  // const getResult = useCallback(async () => {
-  //   const data = await viewFunction({
-  //     contractId: contractId,
-  //     method: 'get_result',
-  //   });
-  //   logger.debug('get_result', data);
-  //   setVoteFinishedAt(data || null);
-  // }, [viewFunction]);
+  const getResult = useCallback(async () => {
+    const data = await viewFunction({
+      contractId: contractId,
+      method: 'get_result',
+    });
+    logger.debug('get_result', data);
+    setVoteResult(data || false);
+  }, [viewFunction]);
 
   const getVotes = useCallback(async () => {
     const data = await viewFunction({
@@ -98,7 +99,7 @@ function useVoteContainer(): UseVoteContainer {
   const { isLoading, error } = useSWR(
     'vote_data',
     async () => {
-      const promises = Promise.all([getTotalVotedStake(), getVotes(), getDeadline()]);
+      const promises = Promise.all([getTotalVotedStake(), getVotes(), getDeadline(), getResult()]);
       return await promises;
     },
     // {
@@ -119,6 +120,7 @@ function useVoteContainer(): UseVoteContainer {
 
   return {
     isLoading,
+    voteResult,
     deadline,
     votes,
     yesVotesCount,

src/pages/home/components/Countdown.tsx

@@ -2,7 +2,6 @@ import { useEffect, useMemo, useState } from 'react';
 
 import dayjs from 'dayjs';
 import { useInterval } from 'react-use';
-import ApprovedImg from '@/assets/images/approved.png';
 
 export interface CountdownProps {
   votedPercent: string;
@@ -64,17 +63,7 @@ export default function Countdown({ deadline }: CountdownProps) {
   );
 
   if (!deadlineFromNow) return null;
-
-  if (finished) {
-    return (
-      <div className="flex flex-col items-center mb-10">
-        {/* <h3 className="text-app-black-400 text-base sm:text-lg mb-4">
-          {votedPercent}% of Stake Voted for YEA
-        </h3> */}
-        <img src={ApprovedImg} className="h-[72px]" alt="" />
-      </div>
-    );
-  }
+  if (finished) return null;
 
   return (
     <div className="flex flex-col items-center mb-10">

src/pages/home/index.tsx

@@ -15,6 +15,7 @@ import { cn, formatBigNumber, isNotNullAndNumber } from '@/lib/utils';
 import { article } from './article';
 import YesIcon from '@/assets/icons/yes.svg?react';
 import NoIcon from '@/assets/icons/no.svg?react';
+import ApprovedImg from '@/assets/images/approved.png';
 
 import Countdown from './components/Countdown';
 import dayjs from 'dayjs';
@@ -25,12 +26,22 @@ dayjs.extend(utc);
 
 export default function Home() {
   const navigate = useNavigate();
-  const { isLoading, deadline, votes, yesVotesCount, votedPercent, votedStakeAmount } =
+  const { isLoading, deadline, votes, voteResult, yesVotesCount, votedPercent, votedStakeAmount } =
     VoteContainer.useContainer();
 
   const NEAR_ENV = config.proposalContractId?.split('.').pop() === 'near' ? 'mainnet' : 'testnet';
 
   const renderVoteProgressStatus = () => {
+    if (voteResult) {
+      return (
+        <div className="flex flex-col items-center mb-10">
+          {/* <h3 className="text-app-black-400 text-base sm:text-lg mb-4">
+          {votedPercent}% of Stake Voted for YEA
+        </h3> */}
+          <img src={ApprovedImg} className="h-[72px]" alt="" />
+        </div>
+      );
+    }
     return <Countdown deadline={deadline} votedPercent={votedPercent} />;
   };