display last 100 bybit logs

src/routes/dashboard/logs/+page.server.ts

@@ -3,7 +3,7 @@ import { db } from '$lib/db'
 export const load = async () => {
 	const logs = await db.query.bybit_logs.findMany({
 		orderBy: (bybit_log, t) => [t.desc(bybit_log.createdAt)],
-		limit: 10,
+		limit: 100,
 	})
 
 	return { logs }

src/routes/dashboard/logs/+page.svelte

@@ -1,5 +1,71 @@
 <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>
 
-{JSON.stringify(data.logs)}
+<Table.Root>
+	<!-- <Table.Caption>A list of your recent invoices.</Table.Caption> -->
+	<Table.Header>
+		<Table.Row>
+			<Table.Head class="w-[100px]">Status</Table.Head>
+			<Table.Head>Data</Table.Head>
+			<Table.Head class="text-right">Timestamp</Table.Head>
+		</Table.Row>
+	</Table.Header>
+	<Table.Body>
+		{#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 class="text-right">
+					{new Date(log.createdAt)}
+				</Table.Cell>
+			</Table.Row>
+		{/each}
+	</Table.Body>
+</Table.Root>