diff options
author | Sebastian <sebasjm@gmail.com> | 2022-08-11 12:28:02 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2022-08-11 12:28:02 -0300 |
commit | 9bb9d149d2734e724aa1b53dbbcbc71c9f79b42e (patch) | |
tree | 8da05eaae585a29417ffff6336b8e6afe9e92a4e /packages/taler-wallet-webextension/src/NavigationBar.tsx | |
parent | dce055d0d3fe2037d4c3018baa360b9082e37194 (diff) | |
download | wallet-core-9bb9d149d2734e724aa1b53dbbcbc71c9f79b42e.tar.xz |
qr reader
Diffstat (limited to 'packages/taler-wallet-webextension/src/NavigationBar.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/NavigationBar.tsx | 47 |
1 files changed, 35 insertions, 12 deletions
diff --git a/packages/taler-wallet-webextension/src/NavigationBar.tsx b/packages/taler-wallet-webextension/src/NavigationBar.tsx index f782575de..edcf44d35 100644 --- a/packages/taler-wallet-webextension/src/NavigationBar.tsx +++ b/packages/taler-wallet-webextension/src/NavigationBar.tsx @@ -33,6 +33,7 @@ import { } from "./components/styled/index.js"; import { useTranslationContext } from "./context/translation.js"; import settingsIcon from "./svg/settings_black_24dp.svg"; +import qrIcon from "./svg/qr_code_24px.svg"; /** * List of pages used by the wallet @@ -101,6 +102,7 @@ export const Pages = { ), backupProviderAdd: "/backup/provider/add", + qr: "/qr", settings: "/settings", settingsExchangeAdd: pageDefinition<{ currency?: string }>( "/settings/exchange/add/:currency?", @@ -127,13 +129,22 @@ export function PopupNavBar({ path = "" }: { path?: string }): VNode { <a href={Pages.backup} class={path.startsWith("/backup") ? "active" : ""}> <i18n.Translate>Backup</i18n.Translate> </a> - <a href={Pages.settings}> - <SvgIcon - title={i18n.str`Settings`} - dangerouslySetInnerHTML={{ __html: settingsIcon }} - color="white" - /> - </a> + <div style={{ display: "flex", paddingTop: 4, justifyContent: "right" }}> + <a href={Pages.qr}> + <SvgIcon + title={i18n.str`QR Reader`} + dangerouslySetInnerHTML={{ __html: qrIcon }} + color="white" + /> + </a> + <a href={Pages.settings}> + <SvgIcon + title={i18n.str`Settings`} + dangerouslySetInnerHTML={{ __html: settingsIcon }} + color="white" + /> + </a> + </div> </NavigationHeader> ); } @@ -162,12 +173,24 @@ export function WalletNavBar({ path = "" }: { path?: string }): VNode { </a> </JustInDevMode> - <a - href={Pages.settings} - class={path.startsWith("/settings") ? "active" : ""} + <div + style={{ display: "flex", paddingTop: 4, justifyContent: "right" }} > - <i18n.Translate>Settings</i18n.Translate> - </a> + <a href={Pages.qr}> + <SvgIcon + title={i18n.str`QR Reader`} + dangerouslySetInnerHTML={{ __html: qrIcon }} + color="white" + /> + </a> + <a href={Pages.settings}> + <SvgIcon + title={i18n.str`Settings`} + dangerouslySetInnerHTML={{ __html: settingsIcon }} + color="white" + /> + </a> + </div> </NavigationHeader> </NavigationHeaderHolder> ); |