From c135c468b970a0bcb0ee4fd2d249ea675335f032 Mon Sep 17 00:00:00 2001
From: zhouhanseng <z308114274@gmail.com>
Date: Fri, 8 Apr 2022 19:09:53 +0800
Subject: [PATCH 1/2] fix: ui style

---
 packages/mask/src/plugins/ITO/SNSAdaptor/ITO.tsx      | 11 ++++++++---
 .../web3/UI/EthereumERC721TokenApprovedBoundary.tsx   |  8 +++++++-
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/packages/mask/src/plugins/ITO/SNSAdaptor/ITO.tsx b/packages/mask/src/plugins/ITO/SNSAdaptor/ITO.tsx
index bd51c8a124d0..0233d450294e 100644
--- a/packages/mask/src/plugins/ITO/SNSAdaptor/ITO.tsx
+++ b/packages/mask/src/plugins/ITO/SNSAdaptor/ITO.tsx
@@ -597,9 +597,14 @@ export function ITO(props: ITO_Props) {
 
     const FooterBuyerButton = useMemo(
         () => (
-            <Grid container spacing={2}>
+            <div>
                 {(() => {
-                    if (hasLockTime) return FooterBuyerWithLockTimeButton
+                    if (hasLockTime)
+                        return (
+                            <Grid container spacing={2}>
+                                {FooterBuyerWithLockTimeButton}
+                            </Grid>
+                        )
                     if (canWithdraw) {
                         return (
                             <ActionButton
@@ -613,7 +618,7 @@ export function ITO(props: ITO_Props) {
                     }
                     return null
                 })()}
-            </Grid>
+            </div>
         ),
         [hasLockTime, canWithdraw],
     )
diff --git a/packages/mask/src/web3/UI/EthereumERC721TokenApprovedBoundary.tsx b/packages/mask/src/web3/UI/EthereumERC721TokenApprovedBoundary.tsx
index f30417c61a95..fb889e4a0ad9 100644
--- a/packages/mask/src/web3/UI/EthereumERC721TokenApprovedBoundary.tsx
+++ b/packages/mask/src/web3/UI/EthereumERC721TokenApprovedBoundary.tsx
@@ -143,7 +143,13 @@ export function EthereumERC721TokenApprovedBoundary(props: EthereumERC712TokenAp
                 fullWidth
                 onClick={approveCallback}
                 {...props.ActionButtonProps}>
-                {t('plugin_wallet_approve_all_nft', { symbol: contractDetailed?.symbol })}
+                {t('plugin_wallet_approve_all_nft', {
+                    symbol: contractDetailed?.symbol
+                        ? contractDetailed.symbol.toLowerCase() === 'unknown'
+                            ? 'All'
+                            : contractDetailed.symbol
+                        : 'All',
+                })}
             </ActionButton>
         )
     } else if (value === undefined) {

From 89c586117567972025f8da502a35508adef05943 Mon Sep 17 00:00:00 2001
From: zhouhanseng <z308114274@gmail.com>
Date: Fri, 8 Apr 2022 21:03:16 +0800
Subject: [PATCH 2/2] fix: ui style

---
 .../src/web3/UI/EthereumERC721TokenApprovedBoundary.tsx   | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/mask/src/web3/UI/EthereumERC721TokenApprovedBoundary.tsx b/packages/mask/src/web3/UI/EthereumERC721TokenApprovedBoundary.tsx
index fb889e4a0ad9..e10bd3c2760b 100644
--- a/packages/mask/src/web3/UI/EthereumERC721TokenApprovedBoundary.tsx
+++ b/packages/mask/src/web3/UI/EthereumERC721TokenApprovedBoundary.tsx
@@ -107,7 +107,13 @@ export function EthereumERC721TokenApprovedBoundary(props: EthereumERC712TokenAp
                 loading
                 disabled
                 {...props.ActionButtonProps}>
-                {t('plugin_wallet_nft_approving_all', { symbol: contractDetailed?.symbol })}
+                {t('plugin_wallet_nft_approving_all', {
+                    symbol: contractDetailed?.symbol
+                        ? contractDetailed.symbol.toLowerCase() === 'unknown'
+                            ? 'All'
+                            : contractDetailed.symbol
+                        : 'All',
+                })}
             </ActionButton>
         )
     } else if (validationMessage) {