From d28d0b1a7dcf77d8268574ca7c7d3a38042b176a Mon Sep 17 00:00:00 2001
From: Septs <github@septs.pw>
Date: Mon, 17 Jan 2022 17:06:53 +0800
Subject: [PATCH] fix: html entity

---
 .../src/plugins/MaskBox/SNSAdaptor/components/DrawDialog.tsx    | 2 +-
 .../src/plugins/Trader/SNSAdaptor/trader/InputTokenPanel.tsx    | 2 +-
 .../Wallet/SNSAdaptor/GasSettingDialog/GasSettingBar.tsx        | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/mask/src/plugins/MaskBox/SNSAdaptor/components/DrawDialog.tsx b/packages/mask/src/plugins/MaskBox/SNSAdaptor/components/DrawDialog.tsx
index 3db817198d93..950372f1e318 100644
--- a/packages/mask/src/plugins/MaskBox/SNSAdaptor/components/DrawDialog.tsx
+++ b/packages/mask/src/plugins/MaskBox/SNSAdaptor/components/DrawDialog.tsx
@@ -140,7 +140,7 @@ export function DrawDialog(props: DrawDialogProps) {
                         </Typography>
                         {paymentTokenDetailed ? (
                             <Typography color="textPrimary">
-                                <span>&ap;</span>
+                                <span>&#x2248;</span>
                                 <TokenPrice
                                     chainId={chainId}
                                     amount={formatBalance(paymentTokenPrice, paymentTokenDetailed.decimals)}
diff --git a/packages/mask/src/plugins/Trader/SNSAdaptor/trader/InputTokenPanel.tsx b/packages/mask/src/plugins/Trader/SNSAdaptor/trader/InputTokenPanel.tsx
index 98039c62f37f..c811de180dd2 100644
--- a/packages/mask/src/plugins/Trader/SNSAdaptor/trader/InputTokenPanel.tsx
+++ b/packages/mask/src/plugins/Trader/SNSAdaptor/trader/InputTokenPanel.tsx
@@ -180,7 +180,7 @@ export const InputTokenPanel = memo<InputTokenPanelProps>(
                     ),
                     endAdornment: (
                         <Typography className={classes.price}>
-                            &ap; <FormattedCurrency value={tokenValueUSD} sign="$" formatter={formatCurrency} />
+                            &#x2248; <FormattedCurrency value={tokenValueUSD} sign="$" formatter={formatCurrency} />
                         </Typography>
                     ),
                 }}
diff --git a/packages/mask/src/plugins/Wallet/SNSAdaptor/GasSettingDialog/GasSettingBar.tsx b/packages/mask/src/plugins/Wallet/SNSAdaptor/GasSettingDialog/GasSettingBar.tsx
index bf20837fe433..a3e1bbcc7121 100644
--- a/packages/mask/src/plugins/Wallet/SNSAdaptor/GasSettingDialog/GasSettingBar.tsx
+++ b/packages/mask/src/plugins/Wallet/SNSAdaptor/GasSettingDialog/GasSettingBar.tsx
@@ -83,7 +83,7 @@ export function GasSettingBar(props: GasSettingBarProps) {
         <Box display="flex" flexDirection="row" alignItems="center">
             <Typography fontSize="14px" sx={{ marginRight: 1 }}>
                 <span>
-                    {formatWeiToEther(gasFee).toFixed(6)} {nativeTokenDetailed?.symbol ?? ''} &ap;
+                    {formatWeiToEther(gasFee).toFixed(6)} {nativeTokenDetailed?.symbol ?? ''} &#x2248;
                 </span>
                 <TokenPrice chainId={chainId} amount={formatWeiToEther(gasFee)} />
             </Typography>