fix(wallet): Back up now Button In Panel Menu (uplift to 1.59.x) (#20100

) Uplift of #20073 (squashed) to beta
brave · Sep 19, 2023 · fd07302 · fd07302
1 parent 0208e50
commit fd07302
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 0 deletions.
diff --git a/components/brave_wallet_ui/components/desktop/wallet-menus/default-panel-menu.tsx b/components/brave_wallet_ui/components/desktop/wallet-menus/default-panel-menu.tsx
@@ -207,6 +207,20 @@ export const DefaultPanelMenu = (props: Props) => {
       history.push(route)
     }
 
+    const onClickBackup = () => {
+      chrome.tabs.create(
+        {
+          url: `chrome://wallet${WalletRoutes.Backup}`
+        }, () => {
+          if (chrome.runtime.lastError) {
+            console.error(
+              'tabs.create failed: '
+              + chrome.runtime.lastError.message
+            )
+          }
+        })
+    }
+
   const showPortfolioSettings =
     walletLocation === WalletRoutes.PortfolioNFTs ||
     walletLocation === WalletRoutes.PortfolioAssets
@@ -223,6 +237,13 @@ export const DefaultPanelMenu = (props: Props) => {
         </PopupButtonText>
       </PopupButton>
 
+      <PopupButton onClick={onClickBackup}>
+          <ButtonIcon name='safe' />
+          <PopupButtonText>
+            {getLocale('braveWalletBackupButton')}
+          </PopupButtonText>
+        </PopupButton>
+
       {
         selectedNetwork &&
         selectedNetwork.coin !== BraveWallet.CoinType.FIL &&

diff --git a/...rave_wallet_ui/page/screens/backup-wallet/backup-enter-password/backup-enter-password.tsx b/...rave_wallet_ui/page/screens/backup-wallet/backup-enter-password/backup-enter-password.tsx
@@ -93,6 +93,11 @@ export const BackupEnterPassword: React.FC = () => {
     setPassword(value)
   }
 
+  const goBackUrl =
+    history.action === 'POP'
+      ? WalletRoutes.PortfolioAssets
+      : undefined
+
   // render
   return (
     <CenteredPageLayout>
@@ -102,6 +107,7 @@ export const BackupEnterPassword: React.FC = () => {
           <StepsNavigation
             currentStep={WalletRoutes.OnboardingExplainRecoveryPhrase}
             steps={[]}
+            goBackUrl={goBackUrl}
           />
 
           <div>