feat: cleanup unused code (#12261)

* feat(redpacket): cleanup unused code in SolanaRedPacketCard

- remove unused imports and variables
- simplify dependencies in claimedShareText
- refine callback dependencies

* refactor(redpacket): remove unused variables and optimize hook dependencies

Author: swkatmask

packages/plugins/RedPacket/src/SiteAdaptor/RedPacket/index.tsx

@@ -106,11 +106,9 @@ export const RedPacket = memo(function RedPacket({ payload, currentPluginID }: R
     // #region remote controlled transaction dialog
     const postLink = usePostLink()
 
-    const [{ loading: isClaiming, value: claimTxHash }, claimCallback] = useClaimCallback(account, payload)
+    const [{ loading: isClaiming }, claimCallback] = useClaimCallback(account, payload)
     const source = usePostInfoDetails.source()
-    const platform = source?.toLowerCase()
     const postUrl = usePostInfoDetails.url()
-    const handle = usePostInfoDetails.handle()
     const link = postLink.toString() || postUrl?.toString()
     const isFireflyRedpacket = useIsFireflyRedpacket()
     const postId = usePostInfoDetails.postID()
@@ -135,7 +133,7 @@ export const RedPacket = memo(function RedPacket({ payload, currentPluginID }: R
                 _(msg`${claimed} Follow @${shareTextOption.account} (mask.io) to claim lucky drops.`) +
                     `\n${promote_short}\n#mask_io #LuckyDrop\n${shareTextOption.payload}`
             :   `${claimed}\n${promote_short}\n${shareTextOption.payload}`
-    }, [payload, link, claimTxHash, network?.name, platform, handle, _])
+    }, [payload, link, network?.name, _])
 
     const [{ loading: isRefunding }, _isRefunded, refundCallback] = useRefundCallback(
         payload.contract_version,
@@ -162,7 +160,7 @@ export const RedPacket = memo(function RedPacket({ payload, currentPluginID }: R
             title: _(msg`Lucky Drop`),
             share: (text) => share?.(text, source ? source : undefined),
         })
-    }, [token, redPacketContract, payload.rpid, account, claimedShareText, source])
+    }, [redPacketContract.methods, payload.rpid, account, claimedShareText, token, _, source])
 
     const [showRequirements, setShowRequirements] = useState(false)
     const onClaimOrRefund = useCallback(async () => {
@@ -184,7 +182,7 @@ export const RedPacket = memo(function RedPacket({ payload, currentPluginID }: R
         if (typeof hash === 'string') {
             checkAvailability()
         }
-    }, [canClaim, canRefund, claimCallback, checkResult, recheckClaimStatus, checkAvailability])
+    }, [canClaim, canRefund, recheckClaimStatus, claimCallback, checkResult, refundCallback, checkAvailability])
 
     const outdated = isEmpty || (!canRefund && listOfStatus.includes(RedPacketStatus.expired))
 

packages/plugins/RedPacket/src/SiteAdaptor/SolanaRedPacket/SolanaRedPacketCard.tsx

@@ -7,13 +7,7 @@ import { LoadingStatus, TransactionConfirmModal } from '@masknet/shared'
 import { type NetworkPluginID, Sniffings } from '@masknet/shared-base'
 import { queryClient } from '@masknet/shared-base-ui'
 import { makeStyles } from '@masknet/theme'
-import {
-    NetworkContextProvider,
-    SOLWeb3ContextProvider,
-    useChainContext,
-    useNetwork,
-    useNetworkContext,
-} from '@masknet/web3-hooks-base'
+import { NetworkContextProvider, SOLWeb3ContextProvider, useChainContext } from '@masknet/web3-hooks-base'
 import { SolanaChainResolver } from '@masknet/web3-providers'
 import { RedPacketStatus, type SolanaRedPacketJSONPayload } from '@masknet/web3-providers/types'
 import { TokenType, formatBalance, minus } from '@masknet/web3-shared-base'
@@ -71,7 +65,6 @@ export const SolanaRedPacketCard = memo(function SolanaRedPacketCard({
 }: SolanaRedPacketCardProps) {
     const { _ } = useLingui()
     const token = payload.token
-    const { pluginID } = useNetworkContext()
 
     const payloadChainId = token?.chainId ?? SolanaChainResolver.chainId(payload.network ?? '') ?? ChainId.Mainnet
     const { account } = useChainContext<NetworkPluginID.PLUGIN_SOLANA>()
@@ -90,15 +83,11 @@ export const SolanaRedPacketCard = memo(function SolanaRedPacketCard({
     // #region remote controlled transaction dialog
     const postLink = usePostLink()
 
-    const [{ loading: isClaiming, value: claimTxHash }, claimCallback] = useClaimCallback(payload)
+    const [{ loading: isClaiming }, claimCallback] = useClaimCallback(payload)
     const source = usePostInfoDetails.source()
-    const platform = source?.toLowerCase()
     const postUrl = usePostInfoDetails.url()
     const link = postLink.toString() || postUrl?.toString()
 
-    // TODO payload.chainId is undefined on production mode
-    const network = useNetwork(pluginID, payload.chainId || payload.token?.chainId)
-
     const claimedShareText = useMemo(() => {
         const promote_short = _(msg`🧧🧧🧧 Try sending Lucky Drop to your friends with Mask.io.`)
         const isOnTwitter = Sniffings.is_twitter_page
@@ -111,7 +100,7 @@ export const SolanaRedPacketCard = memo(function SolanaRedPacketCard({
                 _(msg`${claimed} Follow @${account} (mask.io) to claim lucky drops.`) +
                     `\n${promote_short}\n#mask_io #LuckyDrop\n${link}`
             :   `${claimed}\n${promote_short}\n${link}`
-    }, [payload, link, claimTxHash, network?.name, platform, _])
+    }, [payload, link, _])
 
     const [{ loading: isClaimingAndChecking }, onClaimOrRefund] = useAsyncFn(async () => {
         let hash: string | undefined
@@ -148,7 +137,7 @@ export const SolanaRedPacketCard = memo(function SolanaRedPacketCard({
         if (typeof hash === 'string') {
             refreshRedPacket()
         }
-    }, [canClaim, canRefund, claimCallback, refreshRedPacket, payload.rpid, account])
+    }, [canClaim, claimCallback, payload, account, claimedShareText, token, _, source, refreshRedPacket])
 
     const outdated = availability?.isEmpty || (!canRefund && listOfStatus.includes(RedPacketStatus.expired))