/* 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 */ import { AmountString, Balance, Transaction, TransactionsResponse } from "@gnu-taler/taler-util"; import { format } from "date-fns"; import { Fragment, h, JSX } from "preact"; import { useEffect, useState } from "preact/hooks"; import { DateSeparator, WalletBox } from "../components/styled"; import { TransactionItem } from "../components/TransactionItem"; import { useBalances } from "../hooks/useBalances"; import * as wxApi from "../wxApi"; export function HistoryPage(props: any): JSX.Element { const [transactions, setTransactions] = useState< TransactionsResponse | undefined >(undefined); const balance = useBalances() const balanceWithoutError = balance?.hasError ? [] : (balance?.response.balances || []) useEffect(() => { const fetchData = async (): Promise => { const res = await wxApi.getTransactions(); setTransactions(res); }; fetchData(); }, []); if (!transactions) { return
Loading ...
; } return ; } function amountToString(c: AmountString) { const idx = c.indexOf(':') return `${c.substring(idx + 1)} ${c.substring(0, idx)}` } export function HistoryView({ list, balances }: { list: Transaction[], balances: Balance[] }) { const byDate = list.reduce(function (rv, x) { const theDate = x.timestamp.t_ms === "never" ? "never" : format(x.timestamp.t_ms, 'dd MMMM yyyy'); (rv[theDate] = rv[theDate] || []).push(x); return rv; }, {} as { [x: string]: Transaction[] }); const multiCurrency = balances.length > 1 return {balances.length > 0 &&
{balances.length === 1 &&
Balance: {amountToString(balances[0].available)}
} {balances.length > 1 &&
Balance:
    {balances.map(b =>
  • {b.available}
  • )}
}
}
{Object.keys(byDate).map(d => { return {d} {byDate[d].map((tx, i) => ( ))} })}
}