Fix/typos in bridge store

src/services/canvasService.ts

@@ -214,9 +214,9 @@ const getBadgeOrder = async profileContract => {
   }
 }
 
-const fetchCanvasDetail = async (privider, othersAddress, profileAddress) => {
-  const { profileContract, name } = await queryCanvasUsername(privider, profileAddress)
-  const userBadges = await queryUserBadgesWrapped(privider, othersAddress)
+const fetchCanvasDetail = async (provider, othersAddress, profileAddress) => {
+  const { profileContract, name } = await queryCanvasUsername(provider, profileAddress)
+  const userBadges = await queryUserBadgesWrapped(provider, othersAddress)
   const { orderedAttachedBadges, attachedBadges, badgeOrder } = await getOrderedAttachedBadges(profileContract)
   return { name, profileContract, userBadges, attachedBadges, orderedAttachedBadges, badgeOrder }
 }

src/stores/batchBridgeStore.ts

@@ -22,12 +22,12 @@ interface BatchBridgeStore {
   bridgeSummaryType: BridgeSummaryType
   depositBatchMode: DepositBatchMode
   batchDepositConfig: BatchDepositConfig
-  depositAmountIsVaild: boolean
+  depositAmountIsValid: boolean
 
-  changeBridgeSummaryType: (depositTpye: BridgeSummaryType) => void
+  changeBridgeSummaryType: (depositType: BridgeSummaryType) => void
   changeDepositBatchMode: (depositBatchMode: DepositBatchMode) => void
   changeBatchDepositConfig: (batchDepositConfig: BatchDepositConfig) => void
-  changeDepositAmountIsVaild: (depositAmountIsVaild: boolean) => void
+  changeDepositAmountIsValid: (depositAmountIsValid: boolean) => void
 }
 
 const useBatchBridgeStore = create<BatchBridgeStore>()((set, get) => ({
@@ -40,11 +40,11 @@ const useBatchBridgeStore = create<BatchBridgeStore>()((set, get) => ({
     maxDelayPerBatch: 0n,
     safeBridgeGasLimit: 0n,
   },
-  depositAmountIsVaild: true,
+  depositAmountIsValid: true,
 
-  changeBridgeSummaryType: bridgeSummaryType => {
+  changeBridgeSummaryType: depositType => {
     set({
-      bridgeSummaryType,
+      bridgeSummaryType: depositType,
     })
   },
 
@@ -58,9 +58,9 @@ const useBatchBridgeStore = create<BatchBridgeStore>()((set, get) => ({
       batchDepositConfig,
     })
   },
-  changeDepositAmountIsVaild: depositAmountIsVaild => {
+  changeDepositAmountIsValid: depositAmountIsValid => {
     set({
-      depositAmountIsVaild,
+      depositAmountIsValid,
     })
   },
 }))

src/stores/bridgeStore.ts

@@ -7,7 +7,7 @@ import { loadState } from "@/utils/localStorage"
 
 type TransactionType = "Deposit" | "Withdraw"
 
-type WithDrawStep = "1" | "2"
+type WithdrawStep = "1" | "2"
 
 interface TxSuccess {
   code: 1
@@ -18,15 +18,16 @@ export interface TxError {
 }
 
 type TxResult = TxSuccess | TxError | null
+
 interface BridgeStore {
   historyVisible: boolean
-  changeHistoryVisible: (value) => void
+  changeHistoryVisible: (value: boolean) => void
 
   // new-bridge
   fromNetwork: Network
   toNetwork: Network
   txType: TransactionType
-  withDrawStep: WithDrawStep
+  withdrawStep: WithdrawStep
   txResult: TxResult
   isNetworkCorrect: boolean
   tokenList: Array<Token>
@@ -35,7 +36,7 @@ interface BridgeStore {
   changeToNetwork: (network: Network) => void
   changeTxType: (txType: TransactionType) => void
   changeTxResult: (txResult: TxResult | null) => void
-  changeWithdrawStep: (withDrawStep: WithDrawStep) => void
+  changeWithdrawStep: (withdrawStep: WithdrawStep) => void
   changeIsNetworkCorrect: (isNetworkCorrect: boolean) => void
   fetchTokenList: () => Promise<void>
 }
@@ -45,7 +46,7 @@ const useBridgeStore = create<BridgeStore>()((set, get) => ({
   fromNetwork: NETWORKS[0],
   toNetwork: NETWORKS[1],
   txType: "Deposit",
-  withDrawStep: "1",
+  withdrawStep: "1",
   txResult: null,
   isNetworkCorrect: true,
   tokenList: NATIVE_TOKEN_LIST,
@@ -87,44 +88,44 @@ const useBridgeStore = create<BridgeStore>()((set, get) => ({
     }
   },
 
-  changeHistoryVisible: value => {
+  changeHistoryVisible: (value: boolean) => {
     set({
       historyVisible: value,
     })
   },
-  changeFromNetwork: network => {
+  changeFromNetwork: (network: Network) => {
     set({
       fromNetwork: network,
     })
   },
-  changeToNetwork: network => {
+  changeToNetwork: (network: Network) => {
     set({
       toNetwork: network,
     })
   },
-  changeTxType: txType => {
+  changeTxType: (txType: TransactionType) => {
     set({
       txType,
     })
   },
 
-  changeTxResult: txResult => {
+  changeTxResult: (txResult: TxResult | null) => {
     set({
       txResult,
     })
   },
 
-  changeWithdrawStep: withDrawStep => {
+  changeWithdrawStep: (withdrawStep: WithdrawStep) => {
     set({
-      withDrawStep,
+      withdrawStep,
     })
   },
 
-  changeIsNetworkCorrect: isNetworkCorrect => {
+  changeIsNetworkCorrect: (isNetworkCorrect: boolean) => {
     set({
       isNetworkCorrect,
     })
   },
 }))
 
-export default useBridgeStore
+export default useBridgeStore