wip(gov): add get proposal

vitwit · Nov 25, 2023 · 6c9340b · 6c9340b
1 parent 86ebba2
commit 6c9340b
Show file tree

Hide file tree

Showing 4 changed files with 85 additions and 5 deletions.
diff --git a/frontend/src/store/features/gov/govService.ts b/frontend/src/store/features/gov/govService.ts
@@ -1,6 +1,10 @@
 import Axios, { AxiosResponse } from 'axios';
 import { convertPaginationToParams, cleanURL } from '../../../utils/util';
-import { GetProposalsInVotingResponse, ProposalVote } from '@/types/gov';
+import {
+  GetProposalsInVotingResponse,
+  GovProposal,
+  ProposalVote,
+} from '@/types/gov';
 
 const proposalsURL = '/cosmos/gov/v1beta1/proposals';
 const proposalTallyURL = (id: number): string =>
@@ -56,7 +60,7 @@ const fetchVoterVote = (
 const fetchProposal = (
   baseURL: string,
   proposalId: number
-): Promise<AxiosResponse> =>
+): Promise<AxiosResponse<{ proposal: GovProposal }>> =>
   Axios.get(`${cleanURL(baseURL)}${proposalsURL}/${proposalId}`);
 
 const fetchDepositParams = (baseURL: string): Promise<AxiosResponse> =>

diff --git a/frontend/src/store/features/gov/govSlice.ts b/frontend/src/store/features/gov/govSlice.ts
@@ -17,7 +17,9 @@ import {
   GovPagination,
   DepositParams,
   GetDepositParamsInputs,
+  GetProposalInputs,
 } from '@/types/gov';
+import { PROPOSAL_STATUS_VOTING_PERIOD } from '@/utils/constants';
 
 interface Chain {
   active: {
@@ -48,6 +50,10 @@ interface Chains {
 interface GovState {
   chains: Chains;
   defaultState: Chain;
+  proposalInfo: {
+    status: TxStatus;
+    errMsg: string;
+  };
 }
 
 const EMPTY_PAGINATION = {
@@ -100,8 +106,29 @@ const initialState: GovState = {
       proposalTally: {},
     },
   },
+  proposalInfo: {
+    status: TxStatus.INIT,
+    errMsg: '',
+  },
 };
 
+export const getProposal = createAsyncThunk(
+  'gov/proposal-info',
+  async (data: GetProposalInputs, { rejectWithValue }) => {
+    try {
+      const response = await govService.proposal(data.baseURL, data.proposalId);
+      return {
+        chainID: data.chainID,
+        data: response.data,
+      };
+    } catch (error) {
+      if (error instanceof AxiosError)
+        return rejectWithValue({ message: error.message });
+      return rejectWithValue({ message: ERR_UNKNOWN });
+    }
+  }
+);
+
 export const getProposalsInDeposit = createAsyncThunk(
   'gov/deposit-proposals',
   async (data: GetProposalsInDepositInputs, { rejectWithValue, dispatch }) => {
@@ -402,6 +429,48 @@ export const govSlice = createSlice({
         state.chains[chainID].depositParams.status = TxStatus.REJECTED;
         state.chains[chainID].depositParams.errMsg = payload.message || '';
       });
+
+    // get one proposal
+    builder
+      .addCase(getProposal.pending, (state, action) => {
+        const chainID = action.meta?.arg?.chainID;
+        if (!state.chains[chainID])
+          state.chains[chainID] = cloneDeep(initialState.defaultState);
+        state.proposalInfo.status = TxStatus.PENDING;
+      })
+      .addCase(getProposal.fulfilled, (state, action) => {
+        const chainID = action.meta.arg?.chainID || '';
+        if (
+          action.payload.data?.proposal.status === PROPOSAL_STATUS_VOTING_PERIOD
+        ) {
+          const currentProposalsState = state.chains[chainID].active.proposals;
+          if (!currentProposalsState.length) {
+            const result = {
+              status: TxStatus.IDLE,
+              errMsg: '',
+              proposals: [action.payload.data.proposal],
+            };
+            state.chains[chainID].active = result;
+          }
+        } else {
+          const currentProposalsState = state.chains[chainID].deposit.proposals;
+          if (!currentProposalsState.length) {
+            const result = {
+              status: TxStatus.IDLE,
+              errMsg: '',
+              proposals: [action.payload.data.proposal],
+            };
+            state.chains[chainID].deposit = result;
+          }
+        }
+        state.proposalInfo.status = TxStatus.IDLE;
+        state.proposalInfo.errMsg = '';
+      })
+      .addCase(getProposal.rejected, (state, action) => {
+        state.proposalInfo.status = TxStatus.REJECTED;
+        const payload = action.payload as { message: string };
+        state.proposalInfo.errMsg = payload.message || '';
+      });
   },
 });
 

diff --git a/frontend/src/types/gov.d.ts b/frontend/src/types/gov.d.ts
@@ -35,7 +35,7 @@ interface GovPagination {
 }
 
 interface GetProposalsInVotingResponse {
-  proposals: ActiveProposal[];
+  proposals: GovProposal[];
   pagination: GovPagination;
 }
 
@@ -145,4 +145,10 @@ interface GetProposalTallyInputs {
 interface GetDepositParamsInputs {
   baseURL: string;
   chainID: string;
-}
+}
+
+interface GetProposalInputs {
+  baseURL: string;
+  proposalId: number;
+  chainID: string;
+}
diff --git a/frontend/src/utils/constants.ts b/frontend/src/utils/constants.ts
@@ -1 +1,2 @@
-export const GAS_FEE = 860000
+export const GAS_FEE = 860000
+export const PROPOSAL_STATUS_VOTING_PERIOD = "PROPOSAL_STATUS_VOTING_PERIOD"