From 2a9eada37fac523083fdc275b988e9a04c7fb161 Mon Sep 17 00:00:00 2001
From: unclebill <billbill290@gmail.com>
Date: Thu, 24 Mar 2022 19:15:04 +0800
Subject: [PATCH] fix: sns share in ITO and PET

---
 .../mask/src/plugins/ITO/SNSAdaptor/ITO.tsx   |  2 +-
 .../plugins/ITO/SNSAdaptor/ShareDialog.tsx    | 22 ++++++++++---------
 .../src/plugins/ITO/SNSAdaptor/SwapGuide.tsx  |  6 ++---
 packages/mask/src/plugins/Pets/constants.ts   |  4 +---
 4 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/packages/mask/src/plugins/ITO/SNSAdaptor/ITO.tsx b/packages/mask/src/plugins/ITO/SNSAdaptor/ITO.tsx
index b63a868c8f53..d35d84c6d41a 100644
--- a/packages/mask/src/plugins/ITO/SNSAdaptor/ITO.tsx
+++ b/packages/mask/src/plugins/ITO/SNSAdaptor/ITO.tsx
@@ -786,7 +786,7 @@ export function ITO(props: ITO_Props) {
                 status={claimDialogStatus}
                 total_remaining={total_remaining}
                 payload={{ ...payload, qualification_address: qualificationAddress }}
-                shareSuccessLink={successShareText}
+                shareSuccessText={successShareText}
                 isBuyer={isBuyer}
                 exchangeTokens={exchange_tokens}
                 open={openClaimDialog}
diff --git a/packages/mask/src/plugins/ITO/SNSAdaptor/ShareDialog.tsx b/packages/mask/src/plugins/ITO/SNSAdaptor/ShareDialog.tsx
index ec3c7ddf214e..432658ea1c99 100644
--- a/packages/mask/src/plugins/ITO/SNSAdaptor/ShareDialog.tsx
+++ b/packages/mask/src/plugins/ITO/SNSAdaptor/ShareDialog.tsx
@@ -1,11 +1,12 @@
-import { useCallback } from 'react'
-import { Box, Typography } from '@mui/material'
 import { makeStyles, useStylesExtends } from '@masknet/theme'
-import { getAssetAsBlobURL, useI18N } from '../../../utils'
-import ActionButton from '../../../extension/options-page/DashboardComponents/ActionButton'
-import { formatBalance, FungibleTokenDetailed } from '@masknet/web3-shared-evm'
 import { isZero } from '@masknet/web3-shared-base'
+import { formatBalance, FungibleTokenDetailed } from '@masknet/web3-shared-evm'
+import { Box, Typography } from '@mui/material'
 import type { BigNumber } from 'bignumber.js'
+import { useCallback } from 'react'
+import ActionButton from '../../../extension/options-page/DashboardComponents/ActionButton'
+import { activatedSocialNetworkUI } from '../../../social-network'
+import { getAssetAsBlobURL, useI18N } from '../../../utils'
 
 const useStyles = makeStyles()((theme) => ({
     shareWrapper: {
@@ -53,7 +54,7 @@ const useStyles = makeStyles()((theme) => ({
 }))
 
 export interface ShareDialogProps extends withClasses<'root'> {
-    shareSuccessLink: string | undefined
+    shareSuccessText: string | undefined
     token: FungibleTokenDetailed
     actualSwapAmount: BigNumber.Value
     poolName: string
@@ -64,13 +65,14 @@ export function ShareDialog(props: ShareDialogProps) {
     const ShareBackground = getAssetAsBlobURL(new URL('../assets/share-background.jpg', import.meta.url))
     const { t } = useI18N()
     const classes = useStylesExtends(useStyles(), {})
-    const { token, actualSwapAmount, shareSuccessLink, onClose } = props
+    const { token, actualSwapAmount, shareSuccessText, onClose } = props
     const amount = formatBalance(actualSwapAmount, token.decimals)
 
     const onShareSuccess = useCallback(async () => {
         onClose()
-        window.open(shareSuccessLink, '_blank', 'noopener noreferrer')
-    }, [shareSuccessLink, onClose])
+        if (!shareSuccessText) return
+        activatedSocialNetworkUI.utils.share?.(shareSuccessText)
+    }, [shareSuccessText, onClose])
 
     return (
         <Box className={classes.shareWrapper}>
@@ -86,7 +88,7 @@ export function ShareDialog(props: ShareDialogProps) {
                 <Typography variant="body1" className={classes.shareText}>
                     {isZero(actualSwapAmount) ? t('plugin_ito_out_of_stock_hit') : t('plugin_ito_congratulations')}
                 </Typography>
-                {shareSuccessLink ? (
+                {shareSuccessText ? (
                     <ActionButton
                         onClick={onShareSuccess}
                         variant="contained"
diff --git a/packages/mask/src/plugins/ITO/SNSAdaptor/SwapGuide.tsx b/packages/mask/src/plugins/ITO/SNSAdaptor/SwapGuide.tsx
index d596b68bc84e..962a662858a1 100644
--- a/packages/mask/src/plugins/ITO/SNSAdaptor/SwapGuide.tsx
+++ b/packages/mask/src/plugins/ITO/SNSAdaptor/SwapGuide.tsx
@@ -32,7 +32,7 @@ interface SwapGuideProps
     extends Pick<SwapDialogProps, 'exchangeTokens' | 'payload'>,
         Omit<InjectedDialogProps, 'onClose'> {
     status: SwapStatus
-    shareSuccessLink: string | undefined
+    shareSuccessText: string | undefined
     total_remaining: BigNumber
     isBuyer: boolean
     retryPayload: () => void
@@ -49,7 +49,7 @@ export function SwapGuide(props: SwapGuideProps) {
         isBuyer,
         open,
         retryPayload,
-        shareSuccessLink,
+        shareSuccessText,
         total_remaining,
         onUpdate,
         onClose,
@@ -127,7 +127,7 @@ export function SwapGuide(props: SwapGuideProps) {
                         case SwapStatus.Share:
                             return (
                                 <ShareDialog
-                                    shareSuccessLink={shareSuccessLink}
+                                    shareSuccessText={shareSuccessText}
                                     poolName={payload.message}
                                     token={payload.token}
                                     actualSwapAmount={actualSwapAmount}
diff --git a/packages/mask/src/plugins/Pets/constants.ts b/packages/mask/src/plugins/Pets/constants.ts
index 103364138493..cd0a547c4653 100644
--- a/packages/mask/src/plugins/Pets/constants.ts
+++ b/packages/mask/src/plugins/Pets/constants.ts
@@ -38,9 +38,7 @@ export const Punk3D = {
 }
 
 export const Share_Twitter = 'https://twitter.com/realMaskNetwork/status/1486648872558424064'
-export const Share_Twitter_TXT = encodeURIComponent(
-    `I just set up my Non-Fungible Friend with @realMaskNetwork (powered by @MintTeamNFT). Visit my profile to check it out! Install Mask Network extension from mask.io and set yours.\n #mask_io #nonfungiblefriends\n${Share_Twitter}`,
-)
+export const Share_Twitter_TXT = `I just set up my Non-Fungible Friend with @realMaskNetwork (powered by @MintTeamNFT). Visit my profile to check it out! Install Mask Network extension from mask.io and set yours.\n #mask_io #nonfungiblefriends\n${Share_Twitter}`
 
 export const GLB3DIcon = new URL('./assets/glb3D.png', import.meta.url).toString()
 export const CloseIcon = new URL('./assets/close.png', import.meta.url).toString()