import { h, type FunctionComponent } from 'preact' import { useRoute } from 'preact-iso' import rek from 'rek' import type { Invoice } from '../../../shared/types.ts' import usePromise from '../../shared/hooks/use_promise.ts' import { formatNumber } from '../utils/format_number.ts' import Head from './head.ts' const InvoicePage: FunctionComponent = () => { const invoice = usePromise(() => rek(`/api/invoices/${route.params.id}`)) const route = useRoute() return (

: Invoice : {invoice?.id}

Invoice

{invoice && ( )}

what	who
ID	{invoice.id}
Date	{invoice.invoiceDate}
Due Date	{invoice.dueDate}
Fisken	{invoice.fiskenNumber}
PHM	{invoice.phmNumber}
Amount	{invoice.amount}
Files	{invoice.files?.map((file) => ( {file.filename} ))}
ID	{invoice.id}
ID	{invoice.id}

{invoice?.transactions?.map((transaction) => ( ))}

Entry	Account	Debit	Credit	Description
{transaction.entryId}	{transaction.accountNumber}	{transaction.amount >= 0 ? formatNumber(transaction.amount) : null}	{transaction.amount < 0 ? formatNumber(Math.abs(transaction.amount)) : null}	{transaction.description}

) } export default InvoicePage