diff options
author | Sebastian <sebasjm@gmail.com> | 2024-02-28 22:41:41 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2024-02-28 22:41:41 -0300 |
commit | 74b9ee559fc57f48a591140eb342cc8e2bbd3dd3 (patch) | |
tree | c26fb1cf465edc41ba625ce790eed2c71f308f77 /packages/taler-wallet-webextension/src/components/WalletActivity.tsx | |
parent | 83c5a50f6c95a9ddde0db6ae1eeb6039550375e5 (diff) | |
download | wallet-core-74b9ee559fc57f48a591140eb342cc8e2bbd3dd3.tar.gz wallet-core-74b9ee559fc57f48a591140eb342cc8e2bbd3dd3.tar.bz2 wallet-core-74b9ee559fc57f48a591140eb342cc8e2bbd3dd3.zip |
get activity
Diffstat (limited to 'packages/taler-wallet-webextension/src/components/WalletActivity.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/components/WalletActivity.tsx | 74 |
1 files changed, 74 insertions, 0 deletions
diff --git a/packages/taler-wallet-webextension/src/components/WalletActivity.tsx b/packages/taler-wallet-webextension/src/components/WalletActivity.tsx new file mode 100644 index 000000000..a63ee97cb --- /dev/null +++ b/packages/taler-wallet-webextension/src/components/WalletActivity.tsx @@ -0,0 +1,74 @@ +/* + This file is part of GNU Taler + (C) 2022 Taler Systems S.A. + + GNU 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. + + GNU 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 + GNU Taler; see the file COPYING. If not, see <http://www.gnu.org/licenses/> + */ +import { + AbsoluteTime, + Amounts, + NotificationType, + Transaction, + TransactionMajorState, +} from "@gnu-taler/taler-util"; +import { WalletApiOperation } from "@gnu-taler/taler-wallet-core"; +import { Fragment, h, JSX, VNode } from "preact"; +import { useEffect } from "preact/hooks"; +import { useBackendContext } from "../context/backend.js"; +import { useTranslationContext } from "@gnu-taler/web-util/browser"; +import { useAsyncAsHook } from "../hooks/useAsyncAsHook.js"; +import { Avatar } from "../mui/Avatar.js"; +import { Grid } from "../mui/Grid.js"; +import { Typography } from "../mui/Typography.js"; +import Banner from "./Banner.js"; +import { Time } from "./Time.js"; + +interface Props extends JSX.HTMLAttributes { +} + +/** + * this cache will save the tx from the previous render + */ +const cache = { tx: [] as Transaction[] }; + +export function WalletActivity({ }: Props): VNode { + const api = useBackendContext(); + const state = useAsyncAsHook(() => + api.wallet.call(WalletApiOperation.GetTransactions, {}), + ); + const listenAllEvents = Array.from<NotificationType>({ length: 1 }); + + useEffect(() => { + return api.listener.onUpdateNotification( listenAllEvents, (notif) => { + console.log(notif) + }); + }); + + const transactions = + !state || state.hasError + ? cache.tx + : state.response.transactions.filter( + (t) => t.txState.major === TransactionMajorState.Pending, + ); + + if (state && !state.hasError) { + cache.tx = transactions; + } + if (!transactions.length) { + return <Fragment />; + } + return ( + <div> + this is shown below + </div> + ); +} |