diff options
author | Sebastian <sebasjm@gmail.com> | 2021-11-22 17:34:27 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-11-22 17:34:31 -0300 |
commit | 829a59e1a24d6a99ce7554d28acfd05f21baeaf8 (patch) | |
tree | 66ef9157905e71ebf9e252c533d1855f381902d0 /packages/taler-wallet-webextension/src/popup | |
parent | a35604fd562a72e4e266bf6a4255d89d3c1374a1 (diff) | |
download | wallet-core-829a59e1a24d6a99ce7554d28acfd05f21baeaf8.tar.xz |
add exchange feature
Diffstat (limited to 'packages/taler-wallet-webextension/src/popup')
3 files changed, 7 insertions, 87 deletions
diff --git a/packages/taler-wallet-webextension/src/popup/BalancePage.tsx b/packages/taler-wallet-webextension/src/popup/BalancePage.tsx index 008f30cb6..33164783d 100644 --- a/packages/taler-wallet-webextension/src/popup/BalancePage.tsx +++ b/packages/taler-wallet-webextension/src/popup/BalancePage.tsx @@ -71,6 +71,11 @@ export function BalanceView({ <Linker pageName="/welcome">help</Linker> getting started? </i18n.Translate> </p> + <footer style={{ justifyContent: "space-around" }}> + <ButtonPrimary onClick={goToWalletManualWithdraw}> + Withdraw + </ButtonPrimary> + </footer> </Fragment> ); } diff --git a/packages/taler-wallet-webextension/src/popup/Settings.stories.tsx b/packages/taler-wallet-webextension/src/popup/Settings.stories.tsx index ae8e54ba1..069157475 100644 --- a/packages/taler-wallet-webextension/src/popup/Settings.stories.tsx +++ b/packages/taler-wallet-webextension/src/popup/Settings.stories.tsx @@ -30,13 +30,8 @@ export default { }, }; -export const AllOff = createExample(TestedComponent, { - deviceName: "this-is-the-device-name", - setDeviceName: () => Promise.resolve(), -}); +export const AllOff = createExample(TestedComponent, {}); export const OneChecked = createExample(TestedComponent, { - deviceName: "this-is-the-device-name", permissionsEnabled: true, - setDeviceName: () => Promise.resolve(), }); diff --git a/packages/taler-wallet-webextension/src/popup/Settings.tsx b/packages/taler-wallet-webextension/src/popup/Settings.tsx index 0a3f777d5..84ecea4fe 100644 --- a/packages/taler-wallet-webextension/src/popup/Settings.tsx +++ b/packages/taler-wallet-webextension/src/popup/Settings.tsx @@ -14,36 +14,18 @@ TALER; see the file COPYING. If not, see <http://www.gnu.org/licenses/> */ -import { ExchangeListItem, i18n } from "@gnu-taler/taler-util"; +import { i18n } from "@gnu-taler/taler-util"; import { Fragment, h, VNode } from "preact"; import { Checkbox } from "../components/Checkbox"; -import { ButtonPrimary } from "../components/styled"; import { useDevContext } from "../context/devContext"; -import { useAsyncAsHook } from "../hooks/useAsyncAsHook"; -import { useBackupDeviceName } from "../hooks/useBackupDeviceName"; import { useExtendedPermissions } from "../hooks/useExtendedPermissions"; -import { useLang } from "../hooks/useLang"; -// import { strings as messages } from "../i18n/strings"; -import * as wxApi from "../wxApi"; export function SettingsPage(): VNode { const [permissionsEnabled, togglePermissions] = useExtendedPermissions(); const { devMode, toggleDevMode } = useDevContext(); - const { name, update } = useBackupDeviceName(); - const [lang, changeLang] = useLang(); - const exchangesHook = useAsyncAsHook(wxApi.listExchanges); return ( <SettingsView - lang={lang} - changeLang={changeLang} - knownExchanges={ - !exchangesHook || exchangesHook.hasError - ? [] - : exchangesHook.response.exchanges - } - deviceName={name} - setDeviceName={update} permissionsEnabled={permissionsEnabled} togglePermissions={togglePermissions} developerMode={devMode} @@ -53,36 +35,13 @@ export function SettingsPage(): VNode { } export interface ViewProps { - lang: string; - changeLang: (s: string) => void; - deviceName: string; - setDeviceName: (s: string) => Promise<void>; permissionsEnabled: boolean; togglePermissions: () => void; developerMode: boolean; toggleDeveloperMode: () => void; - knownExchanges: Array<ExchangeListItem>; } -// type LangsNames = { -// [P in keyof typeof messages]: string; -// }; - -// const names: LangsNames = { -// es: "Español [es]", -// en: "English [en]", -// fr: "Français [fr]", -// de: "Deutsch [de]", -// sv: "Svenska [sv]", -// it: "Italiano [it]", -// }; - export function SettingsView({ - knownExchanges, - // lang, - // changeLang, - // deviceName, - // setDeviceName, permissionsEnabled, togglePermissions, developerMode, @@ -92,45 +51,6 @@ export function SettingsView({ <Fragment> <section> <h2> - <i18n.Translate>Known exchanges</i18n.Translate> - </h2> - {!knownExchanges || !knownExchanges.length ? ( - <div>No exchange yet!</div> - ) : ( - <Fragment> - <table> - {knownExchanges.map((e, idx) => ( - <tr key={idx}> - <td>{e.currency}</td> - <td> - <a href={e.exchangeBaseUrl}>{e.exchangeBaseUrl}</a> - </td> - </tr> - ))} - </table> - </Fragment> - )} - <div style={{ display: "flex", justifyContent: "space-between" }}> - <div /> - <ButtonPrimary>Manage exchange</ButtonPrimary> - </div> - {/* <h2><i18n.Translate>Wallet</i18n.Translate></h2> */} - {/* <SelectList - value={lang} - onChange={changeLang} - name="lang" - list={names} - label={i18n.str`Language`} - description="(Choose your preferred lang)" - /> - <EditableText - value={deviceName} - onChange={setDeviceName} - name="device-id" - label={i18n.str`Device name`} - description="(This is how you will recognize the wallet in the backup provider)" - /> */} - <h2> <i18n.Translate>Permissions</i18n.Translate> </h2> <Checkbox |