fix(setup-wallet): dialogs and link

Emurgo · Apr 16, 2024 · d8571b4 · d8571b4
1 parent 4683879
commit d8571b4
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 4 deletions.
diff --git a/apps/wallet-mobile/src/features/SetupWallet/useCases/CreateWallet/RecoveryPhraseScreen.tsx b/apps/wallet-mobile/src/features/SetupWallet/useCases/CreateWallet/RecoveryPhraseScreen.tsx
@@ -59,7 +59,7 @@ export const RecoveryPhraseScreen = () => {
     }, [track]),
   )
 
-  const handleOnShowModal = () => {
+  const handleOnShowModal = React.useCallback(() => {
     openModal(
       strings.recoveryPhraseModalTitle,
       <View style={styles.modal}>
@@ -92,7 +92,27 @@ export const RecoveryPhraseScreen = () => {
       </View>,
       HEIGHT_MODAL,
     )
-  }
+  }, [
+    HEIGHT_MODAL,
+    closeModal,
+    openModal,
+    strings.continueButton,
+    strings.recoveryPhraseCardFifthItem,
+    strings.recoveryPhraseCardFirstItem,
+    strings.recoveryPhraseCardFourthItem,
+    strings.recoveryPhraseCardSecondItem,
+    strings.recoveryPhraseCardThirdItem,
+    strings.recoveryPhraseCardTitle,
+    strings.recoveryPhraseModalTitle,
+    styles.button,
+    styles.content,
+    styles.modal,
+  ])
+
+  React.useEffect(() => {
+    handleOnShowModal()
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [])
 
   return (
     <SafeAreaView edges={['left', 'right', 'bottom']} style={styles.root}>

diff --git a/apps/wallet-mobile/src/features/SetupWallet/useCases/CreateWallet/WalletDetailsScreen.tsx b/apps/wallet-mobile/src/features/SetupWallet/useCases/CreateWallet/WalletDetailsScreen.tsx
@@ -130,7 +130,6 @@ export const WalletDetailsScreen = () => {
   }, [createWallet, mnemonic, name, networkId, password, track, walletImplementationId])
 
   const showModalTipsPassword = () => {
-    Keyboard.dismiss()
     openModal(
       strings.walletDetailsModalTitle,
       <View style={styles.modal}>
@@ -168,6 +167,11 @@ export const WalletDetailsScreen = () => {
     )
   }
 
+  React.useEffect(() => {
+    showModalTipsPassword()
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [])
+
   const showModalTipsPlateNumber = () => {
     Keyboard.dismiss()
     openModal(

diff --git a/...ile/src/features/SetupWallet/useCases/SelectWalletFromList/SelectWalletFromListScreen.tsx b/...ile/src/features/SetupWallet/useCases/SelectWalletFromList/SelectWalletFromListScreen.tsx
@@ -194,10 +194,10 @@ const useStyles = () => {
       backgroundColor: theme.color.primary[500],
     },
     linkText: {
+      ...theme.typography['button-2-m'],
       color: theme.color.primary[500],
     },
     link: {
-      ...theme.typography['button-2-m'],
       flexDirection: 'row',
       justifyContent: 'center',
       alignItems: 'center',