From de8a72b5aa8e2a499ad670fbbd470fe531b32ca7 Mon Sep 17 00:00:00 2001
From: rocker <exrobbie@gmail.com>
Date: Fri, 8 Sep 2023 17:12:23 +0800
Subject: [PATCH] style: optimized recover style

---
 src/components/ChainSelect/index.tsx              | 2 +-
 src/components/web/Form/FormInput/index.tsx       | 1 +
 src/context/WalletContext.tsx                     | 2 +-
 src/pages/v1/Launch.tsx                           | 2 +-
 src/pages/v1/Recover/EnterWalletAddress/index.tsx | 2 +-
 src/pages/v1/Recover/SignatureRequest/index.tsx   | 2 +-
 6 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/ChainSelect/index.tsx b/src/components/ChainSelect/index.tsx
index cee9780c..ad145774 100644
--- a/src/components/ChainSelect/index.tsx
+++ b/src/components/ChainSelect/index.tsx
@@ -19,7 +19,7 @@ export default function ChainSelect() {
                 </Flex>
             </MenuButton>
 
-            <MenuList>
+            <MenuList w="266px">
                 {chainList.map((item: any, idx: number) => {
                     return (
                         <React.Fragment key={idx}>
diff --git a/src/components/web/Form/FormInput/index.tsx b/src/components/web/Form/FormInput/index.tsx
index 16797d9e..7ec62755 100644
--- a/src/components/web/Form/FormInput/index.tsx
+++ b/src/components/web/Form/FormInput/index.tsx
@@ -81,6 +81,7 @@ export default function FormInput({
             height="3em"
             readOnly={readOnly}
             autoFocus={autoFocus}
+            spellCheck={false}
             {..._inputStyles}
           />
           {visible !== undefined && isPassword && (
diff --git a/src/context/WalletContext.tsx b/src/context/WalletContext.tsx
index 767a0794..6fce660e 100644
--- a/src/context/WalletContext.tsx
+++ b/src/context/WalletContext.tsx
@@ -103,7 +103,7 @@ export const WalletContextProvider = ({ children }: any) => {
         }
 
         // IMPORTANT TODO, Judge first available chain and set as default
-        if (chainRecoverStatus.filter((item: any) => item.chainId === selectedChainItem.chainIdHex).length === 0) {
+        if (chainRecoverStatus.filter((item: any) => item.chainId === selectedChainItem.chainIdHex && item.status === 1).length === 0) {
             setSelectedChainId(chainRecoverStatus.filter((item: any) => item.status)[0].chainId);
         }
     };
diff --git a/src/pages/v1/Launch.tsx b/src/pages/v1/Launch.tsx
index 7622cc4e..c440aaf9 100644
--- a/src/pages/v1/Launch.tsx
+++ b/src/pages/v1/Launch.tsx
@@ -91,7 +91,7 @@ export default function Launch() {
             fontWeight="700"
             lineHeight="normal"
           >
-            Begin your Web3 journey by creating a smart contract wallet with us.
+            Begin your Ethereum journey by creating a smart contract wallet with us.
           </Box>
         </Box>
         <Box
diff --git a/src/pages/v1/Recover/EnterWalletAddress/index.tsx b/src/pages/v1/Recover/EnterWalletAddress/index.tsx
index 479dd9fd..5c06a467 100644
--- a/src/pages/v1/Recover/EnterWalletAddress/index.tsx
+++ b/src/pages/v1/Recover/EnterWalletAddress/index.tsx
@@ -92,7 +92,7 @@ const EnterWalletAddress = ({ onSubmit }: IRecoverStarter) => {
   };
 
   return (
-    <Box width="480px" display="flex" flexDirection="column" alignItems="center" justifyContent="center" paddingBottom="20px">
+    <Box width="432px" display="flex" flexDirection="column" alignItems="center" justifyContent="center" paddingBottom="20px">
       <Heading1>
         Wallet recovery
       </Heading1>
diff --git a/src/pages/v1/Recover/SignatureRequest/index.tsx b/src/pages/v1/Recover/SignatureRequest/index.tsx
index 9f102eec..5d78f9c5 100644
--- a/src/pages/v1/Recover/SignatureRequest/index.tsx
+++ b/src/pages/v1/Recover/SignatureRequest/index.tsx
@@ -226,7 +226,7 @@ const GuardiansChecking = () => {
         <Heading1 _styles={{ marginBottom: "24px" }}>Recovery in progress</Heading1>
         <Box marginBottom="0.75em" width="100%" display="flex" flexDirection="column" alignItems="center" justifyContent="center" gap="0.75em">
           <Box display="flex" width="100%" background="white" height="3em" borderRadius="1em" alignItems="center" justifyContent="space-between" padding="0 1em">
-            <Box fontSize="14px" fontWeight="bold">Ethereum Wallet(s)</Box>
+            <Box fontSize="14px" fontWeight="bold">Ethereum Wallet</Box>
             {recoverStatus >= 3 && <Box fontSize="14px" fontWeight="bold" color="#1CD20F" display="flex" alignItems="center" justifyContent="center">
               {getKeystoreStatus(recoverStatus)}
               <Text marginLeft="4px"><CheckedIcon /></Text>