import { h } from 'preact' import { useEffect, useState } from 'preact/hooks' import cn from 'classnames' import rek from 'rek' import Head from './head.ts' import Balance from './balance.tsx' import Balances from './balances.tsx' import { formatNumber } from '../utils/format_number.ts' import s from './balances_page.module.scss' const BalancesPage = () => { const [balances, setBalances] = useState([]) const [years, setYears] = useState([]) useEffect(() => { rek(`/api/balances`).then(setBalances) rek(`/api/financial-years`).then((years) => setYears(years.map((fy) => fy.year))) }, []) return (

: Balances

Balances

{years.length && balances.length && ( {years.map((year) => ( ))} {balances.map((balance) => ( {years.map((year) => ( ))} ))}

Account	Description	{year}
{balance.accountNumber}	{balance.description}	{formatNumber(balance[year])}

)}

) } export default BalancesPage