import { h, type FunctionComponent } from 'preact' import { useEffect, useState } from 'preact/hooks' import { useRoute } from 'preact-iso' import rek from 'rek' import Head from './head.ts' import { formatNumber } from '../utils/format_number.ts' import type { Invoice } from '../../../shared/types.ts' const InvoicePage: FunctionComponent = () => { const [invoice, setInvoice] = useState(null) const route = useRoute() useEffect(() => { rek(`/api/invoices/${route.params.id}`).then(setInvoice) }, []) 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.entry_id}	{transaction.account_number}	{transaction.amount >= 0 ? formatNumber(transaction.amount) : null}	{transaction.amount < 0 ? formatNumber(Math.abs(transaction.amount)) : null}	{transaction.description}

) } export default InvoicePage