chore: simplify use callback

packages/dashboard/src/components/PageFrame/FeaturePromotions/index.tsx

@@ -1,4 +1,4 @@
-import { memo, useCallback, useMemo } from 'react'
+import { memo, useMemo } from 'react'
 import { useNavigate } from 'react-router-dom'
 import { makeStyles } from '@masknet/theme'
 import { openWindow, useRemoteControlledDialog } from '@masknet/shared-base-ui'
@@ -45,12 +45,9 @@ export const FeaturePromotions = memo(() => {
         return !!linkedProfiles.find((profile) => profile.identifier.network === EnhanceableSite.Twitter)
     }, [currentPersona])
 
-    const openTransakDialog = useCallback(() => {
-        setBuyDialog({
-            open: true,
-            address: account ?? '',
-        })
-    }, [])
+    const openTransakDialog = () => {
+        setBuyDialog({ open: true, address: account ?? '' })
+    }
 
     const openTwitter = (pluginId: string) => async () => {
         if (!currentPersona) {

packages/dashboard/src/hooks/useMnemonicWordsPuzzle.ts

@@ -53,10 +53,10 @@ export function useMnemonicWordsPuzzle() {
         [answerWords],
     )
 
-    const resetCallback = useCallback(() => {
+    const resetCallback = () => {
         setAnswerWords([])
         setSeed((x) => (x + 1) % 3)
-    }, [])
+    }
 
     const refreshCallback = wordsRetry
 

packages/dashboard/src/pages/CreateMaskWallet/components/CreateMnemonic/index.tsx

@@ -86,9 +86,9 @@ const CreateMnemonic = memo(() => {
         WalletMessages.events.walletLockStatusUpdated.on(retry)
     }, [retry])
 
-    const onVerifyClick = useCallback(() => {
+    const onVerifyClick = () => {
         setOpen(true)
-    }, [])
+    }
 
     const [walletState, onSubmit] = useAsyncFn(async () => {
         const name = new URLSearchParams(location.search).get('name')

packages/mask/src/components/CompositionDialog/Composition.tsx

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useState, useRef } from 'react'
+import { useEffect, useState, useRef } from 'react'
 import { DialogContent } from '@mui/material'
 import { DialogStackingProvider } from '@masknet/theme'
 import { activatedSocialNetworkUI, globalUIState } from '../../social-network'
@@ -22,10 +22,10 @@ export function Composition({ type = 'timeline', requireClipboardPermission }: P
     const [reason, setReason] = useState<'timeline' | 'popup' | 'reply'>('timeline')
     // #region Open
     const [open, setOpen] = useState(false)
-    const onClose = useCallback(() => {
+    const onClose = () => {
         setOpen(false)
         UI.current?.reset()
-    }, [])
+    }
 
     useEffect(() => {
         if (openOnInitAnswered) return

packages/mask/src/plugins/ArtBlocks/SNSAdaptor/PurchaseDialog.tsx

@@ -69,17 +69,13 @@ export function PurchaseDialog(props: ActionBarProps) {
     })
 
     const [ToS_Checked, setToS_Checked] = useState(false)
-    const [purchaseState, purchaseCallback, resetCallback] = usePurchaseCallback(
+    const [purchaseState, onCheckout, resetCallback] = usePurchaseCallback(
         project.projectId,
         project.pricePerTokenInWei,
         token.value?.type,
     )
     const { GEN_ART_721_MINTER: spender } = useArtBlocksConstants()
 
-    const onCheckout = useCallback(() => {
-        purchaseCallback()
-    }, [usePurchaseCallback])
-
     const price = useMemo(() => {
         return leftShift(project.pricePerTokenInWei, token.value?.decimals)
     }, [project.pricePerTokenInWei, token.value?.decimals])
@@ -190,7 +186,7 @@ export function PurchaseDialog(props: ActionBarProps) {
                                     disabled={!!validationMessage}
                                     color="primary"
                                     variant="contained"
-                                    onClick={purchaseCallback}
+                                    onClick={onCheckout}
                                     fullWidth>
                                     {validationMessage || isTransaction
                                         ? t('plugin_artblocks_purchase')

packages/mask/src/plugins/ArtBlocks/hooks/usePurchaseCallback.ts

@@ -80,11 +80,9 @@ export function usePurchaseCallback(projectId: string, amount: string, tokenType
         })
     }, [account, amount, chainId, genArt721MinterContract, tokenType])
 
-    const resetCallback = useCallback(() => {
-        setPurchaseState({
-            type: TransactionStateType.UNKNOWN,
-        })
-    }, [])
+    const resetCallback = () => {
+        setPurchaseState({ type: TransactionStateType.UNKNOWN })
+    }
 
     return [purchaseState, purchaseCallback, resetCallback] as const
 }

packages/mask/src/plugins/CryptoartAI/hooks/usePlaceBidCallback.ts

@@ -130,11 +130,9 @@ export function usePlaceBidCallback(is24Auction: boolean, editionNumber: string)
         [account, chainId, is24Auction, editionNumber, artistAcceptingBidsV2_contract, cANFTMarket_contract],
     )
 
-    const resetCallback = useCallback(() => {
-        setPlaceBidState({
-            type: TransactionStateType.UNKNOWN,
-        })
-    }, [])
+    const resetCallback = () => {
+        setPlaceBidState({ type: TransactionStateType.UNKNOWN })
+    }
 
     return [placeBidState, placeBidCallback, resetCallback] as const
 }

packages/mask/src/plugins/CryptoartAI/hooks/usePurchaseCallback.ts

@@ -78,11 +78,9 @@ export function usePurchaseCallback(editionNumber: string, priceInWei: number) {
         })
     }, [account, chainId, knownOriginDigitalAssetV2_contract])
 
-    const resetCallback = useCallback(() => {
-        setPurchaseState({
-            type: TransactionStateType.UNKNOWN,
-        })
-    }, [])
+    const resetCallback = () => {
+        setPurchaseState({ type: TransactionStateType.UNKNOWN })
+    }
 
     return [purchaseState, purchaseCallback, resetCallback] as const
 }

packages/mask/src/plugins/Gitcoin/hooks/useDonateCallback.ts

@@ -100,11 +100,9 @@ export function useDonateCallback(address: string, amount: string, token?: Fungi
         })
     }, [account, amount, token, donations])
 
-    const resetCallback = useCallback(() => {
-        setDonateState({
-            type: TransactionStateType.UNKNOWN,
-        })
-    }, [])
+    const resetCallback = () => {
+        setDonateState({ type: TransactionStateType.UNKNOWN })
+    }
 
     return [donateState, donateCallback, resetCallback] as const
 }

packages/mask/src/plugins/ITO/SNSAdaptor/hooks/useClaimCallback.ts

@@ -88,9 +88,9 @@ export function useClaimCallback(pids: string[], contractAddress: string | undef
         })
     }, [account, chainId, ITO_Contract, stringify(pids), isV1])
 
-    const resetCallback = useCallback(() => {
+    const resetCallback = () => {
         setClaimState({ type: TransactionStateType.UNKNOWN })
-    }, [])
+    }
 
     return [claimState, claimCallback, resetCallback] as const
 }

packages/mask/src/plugins/ITO/SNSAdaptor/hooks/useDestructCallback.ts

@@ -73,11 +73,9 @@ export function useDestructCallback(ito_address: string) {
         [ITO_Contract],
     )
 
-    const resetCallback = useCallback(() => {
-        setDestructState({
-            type: TransactionStateType.UNKNOWN,
-        })
-    }, [])
+    const resetCallback = () => {
+        setDestructState({ type: TransactionStateType.UNKNOWN })
+    }
 
     return [destructState, destructCallback, resetCallback] as const
 }

packages/mask/src/plugins/ITO/SNSAdaptor/hooks/useFill.ts

@@ -162,11 +162,9 @@ export function useFillCallback(poolSettings?: PoolSettings) {
         })
     }, [web3, account, chainId, ITO_Contract, poolSettings, paramResult, setFillState])
 
-    const resetCallback = useCallback(() => {
-        setFillState({
-            type: TransactionStateType.UNKNOWN,
-        })
-    }, [])
+    const resetCallback = () => {
+        setFillState({ type: TransactionStateType.UNKNOWN })
+    }
 
     return [fillSettings, fillState, fillCallback, resetCallback] as const
 }

packages/mask/src/plugins/ITO/SNSAdaptor/hooks/useMaskClaimCallback.ts

@@ -76,11 +76,9 @@ export function useMaskClaimCallback() {
         })
     }, [account, chainId, MaskITO_Contract])
 
-    const resetCallback = useCallback(() => {
-        setClaimState({
-            type: TransactionStateType.UNKNOWN,
-        })
-    }, [])
+    const resetCallback = () => {
+        setClaimState({ type: TransactionStateType.UNKNOWN })
+    }
 
     return [claimState, claimCallback, resetCallback] as const
 }

packages/mask/src/plugins/ITO/SNSAdaptor/hooks/useSwapCallback.ts

@@ -217,11 +217,9 @@ export function useSwapCallback(
         })
     }, [ITO_Contract, chainId, qualificationContract, account, payload, total, token.address, isQualificationHasLucky])
 
-    const resetCallback = useCallback(() => {
-        setSwapState({
-            type: TransactionStateType.UNKNOWN,
-        })
-    }, [])
+    const resetCallback = () => {
+        setSwapState({ type: TransactionStateType.UNKNOWN })
+    }
 
     return [swapState, swapCallback, resetCallback] as const
 }

packages/mask/src/plugins/PoolTogether/hooks/useDepositCallback.ts

@@ -84,11 +84,9 @@ export function useDepositCallback(
         })
     }, [address, account, amount, token, referrer, controlledToken])
 
-    const resetCallback = useCallback(() => {
-        setDepositState({
-            type: TransactionStateType.UNKNOWN,
-        })
-    }, [])
+    const resetCallback = () => {
+        setDepositState({ type: TransactionStateType.UNKNOWN })
+    }
 
     return [depositState, depositCallback, resetCallback] as const
 }

packages/mask/src/plugins/RedPacket/SNSAdaptor/RedPacketDialog.tsx

@@ -88,7 +88,7 @@ export default function RedPacketDialog(props: RedPacketDialogProps) {
         const [, setValue] = state
         setValue(DialogTabs.create)
         props.onClose()
-    }, [props, state])
+    }, [props.onClose, state])
 
     const { address: publicKey, privateKey } = useMemo(() => web3.eth.accounts.create(), [])
 

packages/mask/src/plugins/RedPacket/SNSAdaptor/RedPacketERC721Form.tsx

@@ -234,9 +234,9 @@ export function RedPacketERC721Form(props: RedPacketERC721FormProps) {
         setOpenConfirmDialog(false)
     }, [clearTokenDetailedOwnerList])
 
-    const clearContract = useCallback(() => {
+    const clearContract = () => {
         setContract(undefined)
-    }, [])
+    }
 
     useEffect(() => {
         if (loadingOwnerList) {

packages/mask/src/plugins/RedPacket/SNSAdaptor/hooks/useClaimCallback.ts

@@ -80,11 +80,9 @@ export function useClaimCallback(version: number, from: string, id?: string, pas
         })
     }, [id, password, from, redPacketContract])
 
-    const resetCallback = useCallback(() => {
-        setClaimState({
-            type: TransactionStateType.UNKNOWN,
-        })
-    }, [])
+    const resetCallback = () => {
+        setClaimState({ type: TransactionStateType.UNKNOWN })
+    }
 
     return [claimState, claimCallback, resetCallback] as const
 }

packages/mask/src/plugins/RedPacket/SNSAdaptor/hooks/useClaimNftRedpacketCallback.ts

@@ -80,11 +80,9 @@ export function useClaimNftRedpacketCallback(id: string, totalAmount: number | u
         })
     }, [id, signedMsg, account, chainId, totalAmount, claimState])
 
-    const resetCallback = useCallback(() => {
-        setClaimState({
-            type: TransactionStateType.UNKNOWN,
-        })
-    }, [account])
+    const resetCallback = () => {
+        setClaimState({ type: TransactionStateType.UNKNOWN })
+    }
 
     return [claimState, claimCallback, resetCallback] as const
 }

packages/mask/src/plugins/RedPacket/SNSAdaptor/hooks/useCreateCallback.tsx

@@ -216,11 +216,9 @@ export function useCreateCallback(redPacketSettings: RedPacketSettings, version:
         })
     }, [account, redPacketContract, redPacketSettings, chainId, getCreateParams])
 
-    const resetCallback = useCallback(() => {
-        setCreateState({
-            type: TransactionStateType.UNKNOWN,
-        })
-    }, [])
+    const resetCallback = () => {
+        setCreateState({ type: TransactionStateType.UNKNOWN })
+    }
 
     return [createSettings, createState, createCallback, resetCallback] as const
 }

packages/mask/src/plugins/RedPacket/SNSAdaptor/hooks/useCreateNftRedpacketCallback.ts

@@ -132,11 +132,9 @@ export function useCreateNftRedpacketCallback(
         },
         [duration, message, name, contractAddress, tokenIdList, nftRedPacketContract, setCreateState, account, chainId],
     )
-    const resetCallback = useCallback(() => {
-        setCreateState({
-            type: TransactionStateType.UNKNOWN,
-        })
-    }, [])
+    const resetCallback = () => {
+        setCreateState({ type: TransactionStateType.UNKNOWN })
+    }
 
     return [createState, createCallback, resetCallback] as const
 }

packages/mask/src/plugins/RedPacket/SNSAdaptor/hooks/useRefundCallback.ts

@@ -69,11 +69,9 @@ export function useRefundCallback(version: number, from: string, id?: string) {
         })
     }, [id, redPacketContract, from])
 
-    const resetCallback = useCallback(() => {
-        setRefundState({
-            type: TransactionStateType.UNKNOWN,
-        })
-    }, [])
+    const resetCallback = () => {
+        setRefundState({ type: TransactionStateType.UNKNOWN })
+    }
 
     return [refundState, refundCallback, resetCallback] as const
 }

packages/mask/src/plugins/Trader/SNSAdaptor/trader/Trader.tsx

@@ -261,10 +261,10 @@ export function Trader(props: TraderProps) {
         setTemporarySlippage(undefined)
     }, [tradeCallback])
 
-    const onConfirmDialogClose = useCallback(() => {
+    const onConfirmDialogClose = () => {
         setOpenConfirmDialog(false)
         setTemporarySlippage(undefined)
-    }, [])
+    }
     // #endregion
 
     // #region the click handler of switch arrow

packages/mask/src/plugins/Trader/SNSAdaptor/trending/CoinMetadataTags.tsx

@@ -1,6 +1,6 @@
 import { Chip, DialogContent } from '@mui/material'
 import { makeStyles } from '@masknet/theme'
-import { useCallback, useState } from 'react'
+import { useState } from 'react'
 import { InjectedDialog } from '../../../../components/shared/InjectedDialog'
 import { Linking } from './Linking'
 
@@ -22,13 +22,13 @@ export function CoinMetadataTags(props: CoinMetadataTagsProps) {
     const { tags } = props
     const [open, setOpen] = useState(false)
 
-    const onClick = useCallback(() => {
+    const onClick = () => {
         setOpen((open) => !open)
-    }, [])
+    }
 
-    const onClose = useCallback(() => {
+    const onClose = () => {
         setOpen(false)
-    }, [])
+    }
 
     if (!tags) return null
     return (

packages/mask/src/plugins/Trader/SNSAdaptor/trending/TrendingViewDeck.tsx

@@ -123,11 +123,7 @@ export function TrendingViewDeck(props: TrendingViewDeckProps) {
     const { setDialog: setBuyDialog } = useRemoteControlledDialog(PluginTransakMessages.buyTokenDialogUpdated)
 
     const onBuyButtonClicked = useCallback(() => {
-        setBuyDialog({
-            open: true,
-            code: coin.symbol,
-            address: account,
-        })
+        setBuyDialog({ open: true, code: coin.symbol, address: account })
     }, [account, trending?.coin?.symbol])
     // #endregion