esbuild configuration

1 files changed, 12 insertions, 3 deletions

diff --git a/packages/taler-wallet-webextension/src/NavigationBar.tsx b/packages/taler-wallet-webextension/src/NavigationBar.tsx
index 85e1f1884..680c34a9b 100644
--- a/packages/taler-wallet-webextension/src/NavigationBar.tsx
+++ b/packages/taler-wallet-webextension/src/NavigationBar.tsx
@@ -24,10 +24,15 @@
 /**
  * Imports.
  */
-import { VNode, h } from "preact";
+import { h, VNode } from "preact";
 import { JustInDevMode } from "./components/JustInDevMode";
-import { NavigationHeader, NavigationHeaderHolder } from "./components/styled";
+import {
+  NavigationHeader,
+  NavigationHeaderHolder,
+  SvgIcon,
+} from "./components/styled";
 import { useTranslationContext } from "./context/translation";
+import settingsIcon from "./svg/settings_black_24dp.svg";
 
 /**
  * List of pages used by the wallet
@@ -72,7 +77,11 @@ export function PopupNavBar({ path = "" }: { path?: string }): VNode {
       </a>
       <a />
       <a href="/settings">
-        <div class="settings-icon" title={i18n.str`Settings`} />
+        <SvgIcon
+          title={i18n.str`Settings`}
+          dangerouslySetInnerHTML={{ __html: settingsIcon }}
+          color="white"
+        />
       </a>
     </NavigationHeader>
   );