|
|
|
|
@ -1,51 +1,6 @@
|
|
|
|
|
<script lang="ts">
|
|
|
|
|
let { data } = $props()
|
|
|
|
|
import * as Table from '$lib/components/ui/table/index.js'
|
|
|
|
|
|
|
|
|
|
const invoices = [
|
|
|
|
|
{
|
|
|
|
|
invoice: 'INV001',
|
|
|
|
|
paymentStatus: 'Paid',
|
|
|
|
|
totalAmount: '$250.00',
|
|
|
|
|
paymentMethod: 'Credit Card',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
invoice: 'INV002',
|
|
|
|
|
paymentStatus: 'Pending',
|
|
|
|
|
totalAmount: '$150.00',
|
|
|
|
|
paymentMethod: 'PayPal',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
invoice: 'INV003',
|
|
|
|
|
paymentStatus: 'Unpaid',
|
|
|
|
|
totalAmount: '$350.00',
|
|
|
|
|
paymentMethod: 'Bank Transfer',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
invoice: 'INV004',
|
|
|
|
|
paymentStatus: 'Paid',
|
|
|
|
|
totalAmount: '$450.00',
|
|
|
|
|
paymentMethod: 'Credit Card',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
invoice: 'INV005',
|
|
|
|
|
paymentStatus: 'Paid',
|
|
|
|
|
totalAmount: '$550.00',
|
|
|
|
|
paymentMethod: 'PayPal',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
invoice: 'INV006',
|
|
|
|
|
paymentStatus: 'Pending',
|
|
|
|
|
totalAmount: '$200.00',
|
|
|
|
|
paymentMethod: 'Bank Transfer',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
invoice: 'INV007',
|
|
|
|
|
paymentStatus: 'Unpaid',
|
|
|
|
|
totalAmount: '$300.00',
|
|
|
|
|
paymentMethod: 'Credit Card',
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<Table.Root>
|
|
|
|
|
@ -53,7 +8,8 @@
|
|
|
|
|
<Table.Header>
|
|
|
|
|
<Table.Row>
|
|
|
|
|
<Table.Head class="w-[100px]">Status</Table.Head>
|
|
|
|
|
<Table.Head>Data</Table.Head>
|
|
|
|
|
<Table.Head>Request</Table.Head>
|
|
|
|
|
<Table.Head>Response</Table.Head>
|
|
|
|
|
<Table.Head class="text-right">Timestamp</Table.Head>
|
|
|
|
|
</Table.Row>
|
|
|
|
|
</Table.Header>
|
|
|
|
|
@ -61,7 +17,8 @@
|
|
|
|
|
{#each data.logs as log (log)}
|
|
|
|
|
<Table.Row>
|
|
|
|
|
<Table.Cell class="font-medium">{log.status}</Table.Cell>
|
|
|
|
|
<Table.Cell>{JSON.stringify(log.data)}</Table.Cell>
|
|
|
|
|
<Table.Cell>{JSON.stringify(log.request)}</Table.Cell>
|
|
|
|
|
<Table.Cell>{JSON.stringify(log.response)}</Table.Cell>
|
|
|
|
|
<Table.Cell class="text-right">
|
|
|
|
|
{new Date(log.createdAt)}
|
|
|
|
|
</Table.Cell>
|
|
|
|
|
|