diff options
author | Sebastian <sebasjm@gmail.com> | 2021-11-19 14:51:27 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-11-19 14:51:35 -0300 |
commit | a35604fd562a72e4e266bf6a4255d89d3c1374a1 (patch) | |
tree | d0c4df01a89dc78c412be6da3aba3cec343937ff /packages/taler-wallet-webextension/src/walletEntryPoint.tsx | |
parent | 60cfb0e78f3afed92f315c1394da717329db9564 (diff) | |
download | wallet-core-a35604fd562a72e4e266bf6a4255d89d3c1374a1.tar.xz |
some changes:
- simplify design to reuse more components (from wallet instead of popup)
- simplify hooks (useAsyncAsHook)
- updateNotification from backend now filter events by type
- new balance design proposed by Belen
- more information when the withdrawal is in process
- manual withdrawal implementation
- some bugs killed
Diffstat (limited to 'packages/taler-wallet-webextension/src/walletEntryPoint.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/walletEntryPoint.tsx | 46 |
1 files changed, 35 insertions, 11 deletions
diff --git a/packages/taler-wallet-webextension/src/walletEntryPoint.tsx b/packages/taler-wallet-webextension/src/walletEntryPoint.tsx index f097d58b5..a17550ff9 100644 --- a/packages/taler-wallet-webextension/src/walletEntryPoint.tsx +++ b/packages/taler-wallet-webextension/src/walletEntryPoint.tsx @@ -22,7 +22,7 @@ import { setupI18n } from "@gnu-taler/taler-util"; import { createHashHistory } from "history"; -import { Fragment, h, render } from "preact"; +import { Fragment, h, render, VNode } from "preact"; import Router, { route, Route } from "preact-router"; import { useEffect } from "preact/hooks"; import { LogoHeader } from "./components/LogoHeader"; @@ -39,8 +39,11 @@ import { SettingsPage } from "./wallet/Settings"; import { TransactionPage } from "./wallet/Transaction"; import { WelcomePage } from "./wallet/Welcome"; import { BackupPage } from "./wallet/BackupPage"; -import { DeveloperPage } from "./popup/Debug.js"; -import { ManualWithdrawPage } from "./wallet/ManualWithdrawPage.js"; +import { DeveloperPage } from "./popup/Debug"; +import { ManualWithdrawPage } from "./wallet/ManualWithdrawPage"; +import { WalletBox } from "./components/styled"; +import { ProviderDetailPage } from "./wallet/ProviderDetailPage"; +import { ProviderAddPage } from "./wallet/ProviderAddPage"; function main(): void { try { @@ -66,16 +69,20 @@ if (document.readyState === "loading") { } function withLogoAndNavBar(Component: any) { - return (props: any) => ( - <Fragment> - <LogoHeader /> - <WalletNavBar /> - <Component {...props} /> - </Fragment> - ); + return function withLogoAndNavBarComponent(props: any): VNode { + return ( + <Fragment> + <LogoHeader /> + <WalletNavBar /> + <WalletBox> + <Component {...props} /> + </WalletBox> + </Fragment> + ); + }; } -function Application() { +function Application(): VNode { return ( <div> <DevContextProvider> @@ -105,6 +112,23 @@ function Application() { <Route path={Pages.backup} component={withLogoAndNavBar(BackupPage)} + onAddProvider={() => { + route(Pages.provider_add); + }} + /> + <Route + path={Pages.provider_detail} + component={withLogoAndNavBar(ProviderDetailPage)} + onBack={() => { + route(Pages.backup); + }} + /> + <Route + path={Pages.provider_add} + component={withLogoAndNavBar(ProviderAddPage)} + onBack={() => { + route(Pages.backup); + }} /> <Route |