From 97a05ff659af274dcfcd9c76bf19100bbd51ce0e Mon Sep 17 00:00:00 2001 From: Sebastian Date: Thu, 19 Aug 2021 00:34:47 -0300 Subject: new wallet history and view refactoring --- .../src/NavigationBar.tsx | 91 ++++++++++++++++++++++ 1 file changed, 91 insertions(+) create mode 100644 packages/taler-wallet-webextension/src/NavigationBar.tsx (limited to 'packages/taler-wallet-webextension/src/NavigationBar.tsx') diff --git a/packages/taler-wallet-webextension/src/NavigationBar.tsx b/packages/taler-wallet-webextension/src/NavigationBar.tsx new file mode 100644 index 000000000..e07032d0a --- /dev/null +++ b/packages/taler-wallet-webextension/src/NavigationBar.tsx @@ -0,0 +1,91 @@ +/* + This file is part of TALER + (C) 2016 GNUnet e.V. + + TALER is free software; you can redistribute it and/or modify it under the + terms of the GNU General Public License as published by the Free Software + Foundation; either version 3, or (at your option) any later version. + + TALER is distributed in the hope that it will be useful, but WITHOUT ANY + WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR + A PARTICULAR PURPOSE. See the GNU General Public License for more details. + + You should have received a copy of the GNU General Public License along with + TALER; see the file COPYING. If not, see + */ + +/** + * Popup shown to the user when they click + * the Taler browser action button. + * + * @author Florian Dold + */ + +/** + * Imports. + */ +import { i18n } from "@gnu-taler/taler-util"; +import { ComponentChildren, JSX } from "preact"; +import Match from "preact-router/match"; +import { useDevContext } from "./context/devContext"; +import { PopupNavigation } from './components/styled' + +export enum Pages { + welcome = '/welcome', + balance = '/balance', + settings = '/settings', + dev = '/dev', + backup = '/backup', + history = '/history', + transaction = '/transaction/:tid', + provider_detail = '/provider/:pid', + provider_add = '/provider/add', + + reset_required = '/reset-required', + payback = '/payback', + return_coins = '/return-coins', + + pay = '/pay', + refund = '/refund', + tips = '/tips', + withdraw = '/withdraw', +} + +interface TabProps { + target: string; + current?: string; + children?: ComponentChildren; +} + +function Tab(props: TabProps): JSX.Element { + let cssClass = ""; + if (props.current?.startsWith(props.target)) { + cssClass = "active"; + } + return ( + + {props.children} + + ); +} + +export function NavBar({ devMode, path }: { path: string, devMode: boolean }) { + return +
+ {i18n.str`Balance`} + {i18n.str`History`} + {i18n.str`Backup`} + {i18n.str`Settings`} + {devMode && {i18n.str`Dev`}} +
+
+} + +export function WalletNavBar() { + const { devMode } = useDevContext() + return {({ path }: any) => { + console.log("path", path) + return + }} +} + -- cgit v1.2.3