import { h } from 'preact' import { useEffect, useState } from 'preact/hooks' import { useRoute, useLocation } from 'preact-iso' import { formatNumber } from '../utils/format_number.ts' import rek from 'rek' import Head from './head.ts' const EntriesPage = () => { const [entry, setEntry] = useState([]) const location = useLocation() const route = useRoute() useEffect(() => { rek(`/api/entries/${route.params.id}`).then((entry) => { setEntry(entry) }) }, []) 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 EntriesPage