ui(import): add link to main wallet view to import success page

joinmarket-webui · Nov 30, 2023 · 2c53dcc · 2c53dcc
1 parent 3889c0f
commit 2c53dcc
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 5 deletions.
diff --git a/src/components/ImportWallet.tsx b/src/components/ImportWallet.tsx
@@ -360,8 +360,10 @@ const ImportWalletConfirmation = ({
 
           <div className="d-flex mb-4 gap-4">
             <rb.Button variant="none" hidden={isSubmitting} disabled={isSubmitting} onClick={() => onCancel()}>
-              <Sprite symbol="arrow-left" width="20" height="20" className="me-2" />
-              {t('global.back')}
+              <div className="d-flex justify-content-center align-items-center">
+                <Sprite symbol="arrow-left" width="20" height="20" className="me-2" />
+                {t('global.back')}
+              </div>
             </rb.Button>
           </div>
         </rb.Form>
@@ -604,7 +606,7 @@ export default function ImportWallet({ parentRoute, startWallet }: ImportWalletP
         </>
       ) : (
         <>
-          <PreventLeavingPageByMistake />
+          {step !== ImportWalletSteps.success && <PreventLeavingPageByMistake />}
           {step === ImportWalletSteps.wallet_details && (
             <WalletCreationForm
               initialValues={createWalletFormValues}
@@ -664,7 +666,17 @@ export default function ImportWallet({ parentRoute, startWallet }: ImportWalletP
               }}
             />
           )}
-          {step === ImportWalletSteps.success && <>{/*empty on purpuse - just a title is shown*/}</>}
+          {step === ImportWalletSteps.success && (
+            <div className="d-flex justify-content-center my-4 gap-4">
+              <Link
+                className="btn btn-lg btn-dark d-inline-flex justify-content-center align-items-center"
+                to={routes.wallet}
+              >
+                {t('import_wallet.success.text_button_submit')}
+                <Sprite symbol="arrow-right" width="20" height="20" className="ms-2" />
+              </Link>
+            </div>
+          )}
         </>
       )}
     </div>

diff --git a/src/i18n/locales/en/translation.json b/src/i18n/locales/en/translation.json
@@ -184,7 +184,8 @@
     },
     "success": {
       "title": "Wallet imported successfully!",
-      "subtitle": "The rescanning process now searches for your balance. Please be patient, this may take some time."
+      "subtitle": "The rescanning process started searching for your funds. Please be patient, this may take some time.",
+      "text_button_submit": "Continue"
     },
     "error_importing_failed": "Error while importing the wallet. Reason: {{ reason }}"
   },