fix: mf-6576 share text for Solana redpacket (#12053)

* fix: mf-6576 share text for Solana redpacket

* fix: mf-6571 adjust ui in redpacket history

* fix: run codegen

---------

Co-authored-by: swkatmask <[email protected]>

Author: swkatmask

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

@@ -94,7 +94,6 @@ export const SolanaRedPacketCard = memo(function SolanaRedPacketCard({
     const source = usePostInfoDetails.source()
     const platform = source?.toLowerCase()
     const postUrl = usePostInfoDetails.url()
-    const handle = usePostInfoDetails.handle()
     const link = postLink.toString() || postUrl?.toString()
 
     // TODO payload.chainId is undefined on production mode
@@ -105,32 +104,24 @@ export const SolanaRedPacketCard = memo(function SolanaRedPacketCard({
             const promote_short = _(msg`🧧🧧🧧 Try sending Lucky Drop to your friends with Mask.io.`)
             const isOnTwitter = Sniffings.is_twitter_page
             const isOnFacebook = Sniffings.is_facebook_page
-            const shareTextOption = {
-                sender: payload.sender.name.replace(/^@/, ''),
-                payload: link!,
-                network: network?.name ?? 'Mainnet',
-                account: isOnTwitter ? 'realMaskNetwork' : 'masknetwork',
-                interpolation: { escapeValue: false },
-            }
+            const sender = payload.sender.name.replace(/^@/, '')
+            const account = isOnTwitter ? 'realMaskNetwork' : 'masknetwork'
+
             if (hasClaimed) {
-                const claimed = _(
-                    msg`I just claimed a lucky drop from @${shareTextOption.sender} on ${shareTextOption.network} network.`,
-                )
+                const claimed = _(msg`I just claimed a lucky drop from @${sender} on Solana`)
                 return isOnTwitter || isOnFacebook ?
-                        _(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}`
+                        _(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}`
             }
-            const head = _(
-                msg`Hi friends, I just found a lucky drop sent by @${shareTextOption.sender} on ${shareTextOption.network} network.`,
-            )
+            const head = _(msg`Hi friends, I just found a lucky drop sent by @${sender} on Solana.`)
 
             return isOnTwitter || isOnFacebook ?
-                    _(msg`${head} Follow @${shareTextOption.account} (mask.io) to claim lucky drops.`) +
-                        `\n${promote_short}\n#mask_io #LuckyDrop\n${shareTextOption.payload}`
-                :   `${head}\n${promote_short}\n${shareTextOption.payload}`
+                    _(msg`${head} Follow @${account} (mask.io) to claim lucky drops.`) +
+                        `\n${promote_short}\n#mask_io #LuckyDrop\n${link}`
+                :   `${head}\n${promote_short}\n${link}`
         },
-        [payload, link, claimTxHash, network?.name, platform, handle, _],
+        [payload, link, claimTxHash, network?.name, platform, _],
     )
     const claimedShareText = useMemo(() => getShareText(true), [getShareText])
 

packages/plugins/RedPacket/src/SiteAdaptor/components/RedPacketRecord.tsx

@@ -93,6 +93,12 @@ const useStyles = makeStyles<{ background?: string; backgroundIcon?: string }>()
                 color: theme.palette.maskColor.main,
             },
         },
+        symbol: {
+            width: '6ch',
+            whiteSpace: 'nowrap',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+        },
         message: {
             fontWeight: 700,
             lineHeight: '18px',
@@ -269,7 +275,9 @@ export const RedPacketRecord = memo(function RedPacketRecord({
                                         {formatTokenAmount(claim_amounts || 0, token_decimal, false)}/
                                         {formatTokenAmount(total_amounts || 0, token_decimal, false)}
                                     </b>
-                                    <span>{tokenSymbol}</span>
+                                    <TextOverflowTooltip title={token_symbol} as={ShadowRootTooltip}>
+                                        <span className={classes.symbol}>{tokenSymbol}</span>
+                                    </TextOverflowTooltip>
                                 </Trans>
                             :   null}
                             {showDetailLink ?
@@ -285,13 +293,13 @@ export const RedPacketRecord = memo(function RedPacketRecord({
                                             { state: { history } },
                                         )
                                     }}>
-                                    <Trans>Claimed Details</Trans>
+                                    <Trans>Details</Trans>
                                 </Typography>
                             :   null}
                         </Typography>
                     </div>
                 </div>
-                <TextOverflowTooltip title={rp_msg ? rp_msg : <Trans>Best Wishes!</Trans>} as={ShadowRootTooltip}>
+                <TextOverflowTooltip title={rp_msg || <Trans>Best Wishes!</Trans>} as={ShadowRootTooltip}>
                     <Typography className={classes.message}>{rp_msg ? rp_msg : <Trans>Best Wishes!</Trans>}</Typography>
                 </TextOverflowTooltip>
             </div>