import { h, type FunctionComponent } from 'preact' import { useRoute } from 'preact-iso' import rek from 'rek' import { type Entry } 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 EntryPage: FunctionComponent = () => { const route = useRoute() const entry = usePromise(() => rek(`/api/entries/${route.params.id}`)) return (
{' '} : Entry {entry.journal} {entry.number}{' '}

Entry {entry.journal} {entry.number}

ID Journal Number Entry Date Transaction Date Amount Description
{entry.id} {entry.journal} {entry.number} {entry.entryDate?.slice(0, 10)} {entry.transactionDate?.slice(0, 10)} {entry.amount} {entry.description}

Transactions

{entry?.transactions?.map((transaction) => ( ))}
Account Debit Credit Description
{transaction.account_number} {transaction.amount >= 0 ? formatNumber(transaction.amount) : null} {transaction.amount < 0 ? formatNumber(Math.abs(transaction.amount)) : null} {transaction.description}
) } export default EntryPage