import { h, type FunctionComponent } from 'preact' import { useEffect, useState } from 'preact/hooks' import { useRoute } from 'preact-iso' import { formatNumber } from '../utils/format_number.ts' import rek from 'rek' import { type Entry } from '../../../shared/types.ts' import Head from './head.ts' const EntryPage: FunctionComponent = () => { const [entry, setEntry] = useState(null) const route = useRoute() useEffect(() => { rek(`/api/entries/${route.params.id}`).then(setEntry) }, []) if (!entry) return 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