import { h, type FunctionComponent } from 'preact' import { useRoute } from 'preact-iso' import rek from 'rek' import type { Entry, Transaction } from '../../../shared/types.db.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 (
{' '} : Verifikat {entry.journal} {entry.number}{' '}

Verifikat {entry.journal} {entry.number}

ID Journal Nummer Bokföringsdatum Transaktionsdatum Belopp Beskrivning
{entry.id} {entry.journal} {entry.number} {(entry.entryDate as unknown as string)?.slice(0, 10)} {(entry.transactionDate as unknown as string)?.slice(0, 10)} {entry.amount} {entry.description}

Transaktioner

{entry?.transactions?.map((transaction) => ( ))}
Konto Debit Kredit Beskrivning
{transaction.accountNumber} {(transaction.amount as unknown as number) >= 0 ? formatNumber(transaction.amount as unknown as number) : null} {(transaction.amount as unknown as number) < 0 ? formatNumber(Math.abs(transaction.amount as unknown as number)) : null} {transaction.description}
) } export default EntryPage