import { h, type FunctionComponent } from 'preact' import cn from 'classnames' import rek from 'rek' import type { FinancialYear } from '../../../shared/types.db.ts' import type { Result } from '../../../shared/types.db_composite.ts' import { formatNumber } from '../utils/format_number.ts' import usePromise from '../../shared/hooks/use_promise.ts' import Head from './head.ts' import s from './results_page.module.scss' const ResultsPage: FunctionComponent = () => { const [results, years] = usePromise<[Result[], number[]]>(() => Promise.all([ rek(`/api/results`), rek(`/api/financial-years`).then((financialYears: FinancialYear[]) => financialYears.map((fy) => fy.year)), ]), ) return (

: Resultat

Resultat

{years.length && results.length && ( {years.map((year) => ( ))} {results.map((result) => ( {years.map((year) => ( ))} ))}

Konto	Beskrivning	{year}
{result.accountNumber}	{result.description}	{formatNumber(result[year])}

)}

) } export default ResultsPage