refactor: refactored the cosmjs files

vitwit · Nov 3, 2023 · 1d9a8a5 · 1d9a8a5
1 parent fab729a
commit 1d9a8a5
Show file tree

Hide file tree

Showing 13 changed files with 422 additions and 333 deletions.
diff --git a/frontend/src/components/ConnectWalletButton.tsx b/frontend/src/components/ConnectWalletButton.tsx
@@ -3,10 +3,10 @@ import React, { useEffect, useState } from "react";
 import { networks } from "../utils/chainsInfo";
 import Image from "next/image";
 import Walletpage from "./popups/WalletPage";
-import { getWalletName, isConnected, logout } from "../utils/localStorage";
+import { getWalletName, isConnected } from "../utils/localStorage";
 import { useDispatch, useSelector } from "react-redux";
 import { establishWalletConnection } from "../store/features/wallet/walletSlice";
-import { AppDispatch } from "../store/store";
+import { AppDispatch, RootState } from "../store/store";
 
 export const ConnectWalletButton = ({
   children,

diff --git a/frontend/src/components/TestClientComponent.tsx b/frontend/src/components/TestClientComponent.tsx
@@ -1,14 +1,20 @@
-'use client'
+'use client';
 import { Button } from '@mui/material';
-import { useTestContext } from '../provider/TestProvider'
+import { useTestContext } from '../provider/TestProvider';
 
 export default function TestClientComponent() {
-
-  const {userId, setUserId, data, setData} = useTestContext();
-  console.log("user: ", userId, ", data: ", data);
+  const { userId, setUserId, data, setData } = useTestContext();
   return (
-    <div>client!
-    <Button onClick={() => {setUserId("teja"); setData([{firstName:"sai"}])}}>click</Button>
+    <div>
+      client!
+      <Button
+        onClick={() => {
+          setUserId('teja');
+          setData([{ firstName: 'sai' }]);
+        }}
+      >
+        click
+      </Button>
     </div>
-  )
+  );
 }
diff --git a/frontend/src/store/features/bank/bankSlice.ts b/frontend/src/store/features/bank/bankSlice.ts
@@ -1,23 +1,24 @@
-import { createAsyncThunk, createSlice } from '@reduxjs/toolkit'
-import { SendMsg } from '../../../txns/bank'
-import bankService from './bankService'
-import { signAndBroadcast } from '../../../utils/signing'
-import { Pagination } from 'staking/types/proposals'
+import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
+import { SendMsg } from '../../../txns/bank';
+import bankService from './bankService';
+import { signAndBroadcast } from '../../../utils/signing';
 import { Coin } from 'cosmjs-types/cosmos/base/v1beta1/coin';
+import { KeyLimitPagination, Msg } from '../../../types/types';
+import { TxStatus } from '../../../types/store';
 
 interface Balance {
-  list: Coin[]
-  status: TxStatus
-  errMsg: string
+  list: Coin[];
+  status: TxStatus;
+  errMsg: string;
 }
 interface BankState {
-  balances: Record<string, Balance>
+  balances: Record<string, Balance>;
   tx: {
-    status: TxStatus
-  }
+    status: TxStatus;
+  };
   multiSendTx: {
-    status: TxStatus
-  }
+    status: TxStatus;
+  };
 }
 
 const initialState: BankState = {
@@ -26,46 +27,45 @@ const initialState: BankState = {
     status: TxStatus.INIT,
   },
   multiSendTx: { status: TxStatus.INIT },
-}
+};
 
 export const getBalances = createAsyncThunk(
   'bank/balances',
   async (data: {
-    baseURL: string
-    address: string
-    chainID: string
-    pagination?: Pagination
+    baseURL: string;
+    address: string;
+    chainID: string;
+    pagination: KeyLimitPagination;
   }) => {
     const response = await bankService.balances(
       data.baseURL,
       data.address,
       data.pagination
-    )
+    );
     return {
       chainID: data.chainID,
       data: response.data,
-    }
+    };
   }
-)
+);
 
 export const multiTxns = createAsyncThunk(
   'bank/multi-txs',
   async (
     data: {
-      baseURL: string
-      address: string
-      chainID: string
-      pagination?: Pagination
-      aminoConfig: AminoConfig
-      prefix: any
-      msgs: any[]
-      memo: string
-      feeAmount: number
-      denom: string
-      feegranter: string
-      rest: string
+      baseURL: string;
+      address: string;
+      chainID: string;
+      aminoConfig: AminoConfig;
+      prefix: string;
+      msgs: Msg[];
+      memo: string;
+      feeAmount: number;
+      denom: string;
+      feegranter: string;
+      rest: string;
     },
-    { rejectWithValue, fulfillWithValue, dispatch }
+    { rejectWithValue, fulfillWithValue }
   ) => {
     try {
       const result = await signAndBroadcast(
@@ -78,40 +78,40 @@ export const multiTxns = createAsyncThunk(
         `${data.feeAmount}${data.denom}`,
         data.rest,
         data.feegranter?.length > 0 ? data.feegranter : undefined
-      )
+      );
       if (result?.code === 0) {
-        return fulfillWithValue({ txHash: result?.transactionHash })
+        return fulfillWithValue({ txHash: result?.transactionHash });
       } else {
-        return rejectWithValue(result?.rawLog)
+        return rejectWithValue(result?.rawLog);
       }
-    } catch (error:any) {
-      return rejectWithValue(error.message)
+      /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+    } catch (error: any) {
+      return rejectWithValue(error.message);
     }
   }
-)
+);
 
 export const txBankSend = createAsyncThunk(
   'bank/tx-bank-send',
   async (
     data: {
-      baseURL: string
-      address: string
-      from: string
-      to: string
-      amount: number
-      chainID: string
-      pagination?: Pagination
-      aminoConfig: AminoConfig
-      prefix: any
-      feeAmount: number
-      denom: string
-      feegranter: string
-      rest: string
+      baseURL: string;
+      address: string;
+      from: string;
+      to: string;
+      amount: number;
+      chainID: string;
+      aminoConfig: AminoConfig;
+      prefix: string;
+      feeAmount: number;
+      denom: string;
+      feegranter: string;
+      rest: string;
     },
-    { rejectWithValue, fulfillWithValue, dispatch }
+    { rejectWithValue, fulfillWithValue }
   ) => {
     try {
-      const msg = SendMsg(data.from, data.to, data.amount, data.denom)
+      const msg = SendMsg(data.from, data.to, data.amount, data.denom);
       const result = await signAndBroadcast(
         data.chainID,
         data.aminoConfig,
@@ -122,84 +122,85 @@ export const txBankSend = createAsyncThunk(
         `${data.feeAmount}${data.denom}`,
         data.rest,
         data.feegranter?.length > 0 ? data.feegranter : undefined
-      )
+      );
       if (result?.code === 0) {
-        return fulfillWithValue({ txHash: result?.transactionHash })
+        return fulfillWithValue({ txHash: result?.transactionHash });
       } else {
-        return rejectWithValue(result?.rawLog)
+        return rejectWithValue(result?.rawLog);
       }
+      /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
     } catch (error: any) {
-      return rejectWithValue(error.message)
+      return rejectWithValue(error.message);
     }
   }
-)
+);
 
 export const bankSlice = createSlice({
   name: 'bank',
   initialState,
   reducers: {
     claimRewardInBank: (state: BankState, action) => {
-      const { chainID, totalRewards, minimalDenom } = action.payload
+      const { chainID, totalRewards, minimalDenom } = action.payload;
       for (let i = 0; i < state?.balances?.[chainID]?.list?.length; i++) {
         if (state.balances[chainID]?.list?.[i]?.denom === minimalDenom) {
           state.balances[chainID].list[i].amount =
-            +state.balances[chainID].list[i].amount + totalRewards
+            +state.balances[chainID].list[i].amount + totalRewards;
         }
       }
     },
     resetMultiSendTxRes: (state) => {
-      state.multiSendTx = { status: TxStatus.INIT }
+      state.multiSendTx = { status: TxStatus.INIT };
     },
   },
   extraReducers: (builder) => {
     builder
       .addCase(getBalances.pending, (state: BankState, action) => {
-        const chainID = action.meta.arg.chainID
-        state.balances[chainID].status = TxStatus.PENDING
+        const chainID = action.meta.arg.chainID;
+        state.balances[chainID].status = TxStatus.PENDING;
       })
       .addCase(getBalances.fulfilled, (state, action) => {
-        const chainID = action.payload.chainID
+        const chainID = action.payload.chainID;
 
-        let result = {
+        const result = {
           list: action.payload.data?.balances,
           status: TxStatus.IDLE,
           errMsg: '',
-        }
-        state.balances[chainID] = result
+        };
+        state.balances[chainID] = result;
       })
       .addCase(getBalances.rejected, (state: BankState, action) => {
-        const chainID = action.meta.arg.chainID
+        const chainID = action.meta.arg.chainID;
         state.balances[chainID] = {
           status: TxStatus.REJECTED,
           errMsg:
             action?.error?.message || 'requested rejected for unknown reason',
           list: [],
-        }
+        };
       })
 
-      .addCase(txBankSend.pending, (state: BankState) => {
-        state.tx.status = TxStatus.PENDING
-      })
-      .addCase(txBankSend.fulfilled, (state: BankState, _) => {
-        state.tx.status = TxStatus.IDLE
+      .addCase(txBankSend.pending, (state) => {
+        state.tx.status = TxStatus.PENDING;
       })
-      .addCase(txBankSend.rejected, (state: BankState, _) => {
-        state.tx.status = TxStatus.REJECTED
+      .addCase(txBankSend.fulfilled, (state) => {
+        state.tx.status = TxStatus.IDLE;
       })
-      .addCase(multiTxns.pending, (state: BankState) => {
-        state.tx.status = TxStatus.PENDING
-        state.multiSendTx.status = TxStatus.PENDING
+      .addCase(txBankSend.rejected, (state) => {
+        state.tx.status = TxStatus.REJECTED;
       })
-      .addCase(multiTxns.fulfilled, (state: BankState, _) => {
-        state.tx.status = TxStatus.IDLE
-        state.multiSendTx.status = TxStatus.IDLE
+      .addCase(multiTxns.pending, (state) => {
+        state.tx.status = TxStatus.PENDING;
+        state.multiSendTx.status = TxStatus.PENDING;
       })
-      .addCase(multiTxns.rejected, (state: BankState, _) => {
-        state.tx.status = TxStatus.REJECTED
-        state.multiSendTx.status = TxStatus.REJECTED
+      .addCase(multiTxns.fulfilled, (state) => {
+        state.tx.status = TxStatus.IDLE;
+        state.multiSendTx.status = TxStatus.IDLE;
       })
+      .addCase(multiTxns.rejected, (state) => {
+        state.tx.status = TxStatus.REJECTED;
+        state.multiSendTx.status = TxStatus.REJECTED;
+      });
   },
-})
+});
 
-export const { claimRewardInBank, resetMultiSendTxRes } = bankSlice.actions
-export default bankSlice.reducer
+export const { claimRewardInBank, resetMultiSendTxRes } = bankSlice.actions;
+export default bankSlice.reducer;
diff --git a/frontend/src/store/features/wallet/walletSlice.ts b/frontend/src/store/features/wallet/walletSlice.ts
@@ -74,7 +74,7 @@ export const establishWalletConnection = createAsyncThunk(
           if (data.walletName === 'leap' && networks[i].leapExperimental) {
             await window.wallet.experimentalSuggestChain(networks[i].config)
           }
-          let chainId: string = networks[i].config.chainId
+          const chainId: string = networks[i].config.chainId
           const chainName: string = networks[i].config.chainName
           await getWalletAmino(chainId)