fix #7704

1 files changed, 8 insertions, 8 deletions

diff --git a/packages/taler-wallet-webextension/src/NavigationBar.tsx b/packages/taler-wallet-webextension/src/NavigationBar.tsx
index d6b22ba28..806646a02 100644
--- a/packages/taler-wallet-webextension/src/NavigationBar.tsx
+++ b/packages/taler-wallet-webextension/src/NavigationBar.tsx
@@ -26,7 +26,7 @@
  */
 import { WalletApiOperation } from "@gnu-taler/taler-wallet-core";
 import { Fragment, h, VNode } from "preact";
-import { JustInDevMode } from "./components/JustInDevMode.js";
+import { EnabledBySettings } from "./components/EnabledBySettings.js";
 import {
   NavigationHeader,
   NavigationHeaderHolder,
@@ -183,11 +183,11 @@ export function PopupNavBar({ path }: { path?: PopupNavBarOptions }): VNode {
       <a href={Pages.balance} class={path === "balance" ? "active" : ""}>
         <i18n.Translate>Balance</i18n.Translate>
       </a>
-      <JustInDevMode>
+      <EnabledBySettings name="backup">
         <a href={Pages.backup} class={path === "backup" ? "active" : ""}>
           <i18n.Translate>Backup</i18n.Translate>
         </a>
-      </JustInDevMode>
+      </EnabledBySettings>
       <div style={{ display: "flex", paddingTop: 4, justifyContent: "right" }}>
         {attentionCount > 0 ? (
           <a href={Pages.notifications}>
@@ -238,11 +238,11 @@ export function WalletNavBar({ path }: { path?: WalletNavBarOptions }): VNode {
         <a href={Pages.balance} class={path === "balance" ? "active" : ""}>
           <i18n.Translate>Balance</i18n.Translate>
         </a>
-        <JustInDevMode>
+        <EnabledBySettings name="backup">
           <a href={Pages.backup} class={path === "backup" ? "active" : ""}>
             <i18n.Translate>Backup</i18n.Translate>
           </a>
-        </JustInDevMode>
+        </EnabledBySettings>
 
         {attentionCount > 0 ? (
           <a href={Pages.notifications}>
@@ -252,11 +252,11 @@ export function WalletNavBar({ path }: { path?: WalletNavBarOptions }): VNode {
           <Fragment />
         )}
 
-        <JustInDevMode>
+        <EnabledBySettings name="advanceMode">
           <a href={Pages.dev} class={path === "dev" ? "active" : ""}>
-            <i18n.Translate>Dev</i18n.Translate>
+            <i18n.Translate>Dev tools</i18n.Translate>
           </a>
-        </JustInDevMode>
+        </EnabledBySettings>
 
         <div
           style={{ display: "flex", paddingTop: 4, justifyContent: "right" }}