import wallet text alignment (#477)

rainbow-me · Apr 26, 2023 · b010bd7 · b010bd7
1 parent 110cb50
commit b010bd7
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 37 deletions.
diff --git a/src/core/languages/_english.json b/src/core/languages/_english.json
@@ -430,7 +430,7 @@
     "phrase_copied": "Recovery Phrase Copied"
   },
   "import_or_connect": {
-    "title": "Import or Connect",
+    "title": "Restore or Connect",
     "explanation": "Store these words can access your entire wallet! Store them somewhere safe never share them.",
     "import_wallet": "Import with a Secret Recovery Phrase or Private Key",
     "import_wallet_description": "Add a wallet using your Secret Recovery Phrase or a Private Key.",
@@ -746,4 +746,4 @@
     "wallet_watching_mode": "This wallet is currently in 'Watching' mode",
     "coming_soon": "Coming Soon!"
   }
-}
+}
diff --git a/src/entries/popup/components/ImportWallet/ImportWallet.tsx b/src/entries/popup/components/ImportWallet/ImportWallet.tsx
@@ -137,23 +137,10 @@ const ImportWallet = ({ onboarding = false }: { onboarding?: boolean }) => {
   return (
     <>
       <Box alignItems="center" paddingBottom="10px">
-        <Inline
-          wrap={false}
-          alignVertical="center"
-          alignHorizontal="center"
-          space="5px"
-        >
-          <Symbol
-            symbol="doc.plaintext"
-            size={16}
-            color="transparent"
-            weight={'bold'}
-          />
-          <Text size="16pt" weight="bold" color="label" align="center">
-            {i18n.t('import_wallet.title')}
-          </Text>
-        </Inline>
-        <Box padding="16px" paddingTop="10px">
+        <Text size="16pt" weight="bold" color="label" align="center">
+          {i18n.t('import_wallet.title')}
+        </Text>
+        <Box padding="16px" paddingTop="12px">
           <Text
             size="12pt"
             weight="regular"

diff --git a/src/entries/popup/pages/importOrConnect/index.tsx b/src/entries/popup/pages/importOrConnect/index.tsx
@@ -2,7 +2,7 @@
 import React, { useCallback } from 'react';
 
 import { i18n } from '~/core/languages';
-import { Box, Inline, Separator, Symbol, Text } from '~/design-system';
+import { Box, Separator, Text } from '~/design-system';
 
 import { FullScreenContainer } from '../../components/FullScreen/FullScreenContainer';
 import { OnboardMenu } from '../../components/OnboardMenu/OnboardMenu';
@@ -22,23 +22,10 @@ export function ImportOrConnect() {
   return (
     <FullScreenContainer>
       <Box alignItems="center" paddingBottom="10px">
-        <Inline
-          wrap={false}
-          alignVertical="center"
-          alignHorizontal="center"
-          space="5px"
-        >
-          <Symbol
-            symbol="doc.plaintext"
-            size={16}
-            color="transparent"
-            weight={'bold'}
-          />
-          <Text size="16pt" weight="bold" color="label" align="center">
-            {i18n.t('import_or_connect.title')}
-          </Text>
-        </Inline>
-        <Box padding="16px" paddingTop="10px">
+        <Text size="16pt" weight="bold" color="label" align="center">
+          {i18n.t('import_or_connect.title')}
+        </Text>
+        <Box padding="16px" paddingTop="12px">
           <Text
             size="12pt"
             weight="regular"