chore: rename style and add back enabled check

src/components/MnemonicDialog.tsx

@@ -31,7 +31,7 @@ const MnemonicDialog = ({
           Your mnemonic provides full access to your wallet and funds. <br />
           Make sure to note it down.
         </Typography>
-        <Typography component="div" style={{ ...styles.mnomonicDialogWarning }}>
+        <Typography component="div" style={styles.mnemonicDialogWarning}>
           Do not share your mnemonic with anyone
         </Typography>
         <GridView words={words} />

src/screens/HomeScreen.tsx

@@ -18,6 +18,7 @@ import { useNetworks } from "../context/NetworksContext";
 import ImportWalletDialog from "../components/ImportWalletDialog";
 import { MnemonicDialog } from "../components/MnemonicDialog";
 import { Container } from "../components/Container";
+import { IS_IMPORT_WALLET_ENABLED } from "..utils/constants";
 
 const HomeScreen = () => {
   const { setAccounts, setCurrentIndex } = useAccounts();
@@ -148,6 +149,7 @@ const HomeScreen = () => {
               isWalletCreating={isWalletCreating}
               createWalletHandler={createWalletHandler}
             />
+            {IS_IMPORT_WALLET_ENABLED && (
               <View style={styles.createWalletContainer}>
                 <Button
                   variant="contained"
@@ -156,6 +158,7 @@ const HomeScreen = () => {
                   Import Wallet
                 </Button>
               </View>
+            )}
           </>
         )}
         <ImportWalletDialog

src/styles/stylesheet.js

@@ -102,7 +102,7 @@ const styles = StyleSheet.create({
   mnemonicContainer: {
     backgroundColor: "#18181A",
   },
-  mnomonicDialogWarning: {
+  mnemonicDialogWarning: {
     color: "#FFA3A8",
     marginTop: 10,
   },