feat: add billing and organization workflows

2026-06-24 13:53:52 +01:00
parent 4fd81c923b
commit 44bfb083f9
97 changed files with 10966 additions and 2044 deletions
@@ -0,0 +1,79 @@
+<script lang="ts">
+	/* eslint-disable @typescript-eslint/no-explicit-any */
+	import EllipsisVerticalIcon from '@lucide/svelte/icons/ellipsis-vertical';
+	import { Badge } from '$lib/components/ui/badge/index.js';
+	import { Button } from '$lib/components/ui/button/index.js';
+	import * as DropdownMenu from '$lib/components/ui/dropdown-menu/index.js';
+	import * as Table from '$lib/components/ui/table/index.js';
+	let {
+		data,
+		openArchive,
+		formatValue,
+		formatDate,
+		formatMoney,
+		relationLabel,
+		recordName
+	}: {
+		data: any;
+		openArchive: any;
+		formatValue: any;
+		formatDate: any;
+		formatMoney: any;
+		relationLabel: any;
+		recordName: any;
+	} = $props();
+</script>
+
+{#if data.records.length > 0}
+	<div class="overflow-hidden rounded-lg border border-border">
+		<Table.Root>
+			<Table.Header>
+				<Table.Row>
+					<Table.Head>Invoice #</Table.Head>
+					<Table.Head>Client</Table.Head>
+					<Table.Head>Issued</Table.Head>
+					<Table.Head>Due</Table.Head>
+					<Table.Head>Status</Table.Head>
+					<Table.Head>Total</Table.Head>
+					<Table.Head class="w-12"><span class="sr-only">Actions</span></Table.Head>
+				</Table.Row>
+			</Table.Header>
+			<Table.Body>
+				{#each data.records as record (record.id)}
+					<Table.Row>
+						<Table.Cell class="font-medium">{formatValue(record.invoiceNumber)}</Table.Cell>
+						<Table.Cell class="">{relationLabel(record.clientId, 'clients')}</Table.Cell>
+						<Table.Cell class="">{formatDate(record.issueDate)}</Table.Cell>
+						<Table.Cell class="">{formatDate(record.dueDate)}</Table.Cell>
+						<Table.Cell class=""
+							><Badge variant="secondary" class="capitalize">{formatValue(record.status)}</Badge
+							></Table.Cell
+						>
+						<Table.Cell class="">{formatMoney(record.totalGbp)}</Table.Cell>
+						<Table.Cell>
+							<DropdownMenu.Root>
+								<DropdownMenu.Trigger
+									>{#snippet child({ props })}<Button
+											variant="ghost"
+											size="icon-sm"
+											aria-label={`Open actions for ${recordName(record)}`}
+											{...props}><EllipsisVerticalIcon /></Button
+										>{/snippet}</DropdownMenu.Trigger
+								>
+								<DropdownMenu.Content align="end" class="w-36">
+									<DropdownMenu.Item variant="destructive" onclick={() => openArchive(record)}
+										>Archive</DropdownMenu.Item
+									>
+								</DropdownMenu.Content>
+							</DropdownMenu.Root>
+						</Table.Cell>
+					</Table.Row>
+				{/each}
+			</Table.Body>
+		</Table.Root>
+	</div>
+{:else}
+	<div class="rounded-lg border p-8 text-center text-sm text-muted-foreground">
+		No invoices have been created yet.
+	</div>
+{/if}