updates

apps/dashboard/app/(authenticated)/settings/shop-type/page.tsx

@@ -2,6 +2,7 @@
 
 import { ResourcePage } from "@/shared/data-view/resource-page"
 import { ColumnHeader } from "@/shared/data-view/table-view"
+import FormDialog from "@/shared/components/form-dialog"
 import { ShopTypeForm } from "@/modules/settings/shop-type/shop-type-form"
 import { SHOP_TYPE_ROUTES } from "@garage/api"
 import type { ShopTypesClient } from "@garage/api"
@@ -11,9 +12,21 @@ export default function ShopTypesPage() {
     return (
         <ResourcePage<ShopTypesClient>
             pageTitle="Shop Types"
-            title="Shop Type"
             routeKey={SHOP_TYPE_ROUTES.INDEX}
             getClient={(api) => api.shopTypes}
+            headerProps={({ selectedItem, invalidateQuery }) => ({
+                actions: (
+                    <FormDialog title="Shop Type">
+                        {(resourceId) => (
+                            <ShopTypeForm
+                                resourceId={resourceId}
+                                initialData={selectedItem}
+                                onSuccess={invalidateQuery}
+                            />
+                        )}
+                    </FormDialog>
+                ),
+            })}
             columns={({ actionsColumn }) => [
                 {
                     accessorKey: "title",
@@ -42,13 +55,6 @@ export default function ShopTypesPage() {
                 },
                 actionsColumn(),
             ]}
-            renderForm={({ resourceId, initialData, onSuccess }) => (
-                <ShopTypeForm
-                    resourceId={resourceId}
-                    initialData={initialData}
-                    onSuccess={onSuccess}
-                />
-            )}
         />
     )
 }

apps/dashboard/app/(authenticated)/settings/tax-rates/page.tsx

@@ -0,0 +1,61 @@
+"use client"
+
+import { TaxForm } from "@/modules/settings/tax-rates/tax-form"
+import { ResourcePage } from "@/shared/data-view/resource-page"
+import { ColumnHeader } from "@/shared/data-view/table-view"
+import FormDialog from "@/shared/components/form-dialog"
+ import { TAX_ROUTES } from "@garage/api"
+import type { TaxesClient } from "@garage/api"
+import { CheckIcon, XIcon } from "lucide-react"
+
+export default function TaxesPage() {
+    return (
+        <ResourcePage<TaxesClient>
+            pageTitle="Tax & Rates"
+            routeKey={TAX_ROUTES.INDEX}
+            getClient={(api) => api.taxes}
+            headerProps={({ selectedItem, invalidateQuery }) => ({
+                actions: (
+                    <FormDialog title="Tax">
+                        {(resourceId) => (
+                            <TaxForm
+                                resourceId={resourceId}
+                                initialData={selectedItem}
+                                onSuccess={invalidateQuery}
+                            />
+                        )}
+                    </FormDialog>
+                ),
+            })}
+            columns={({ actionsColumn }) => [
+                {
+                    accessorKey: "title",
+                    header: ({ column }) => <ColumnHeader column={column} title="Title" />,
+                },
+                {
+                    accessorKey: "rate",
+                    header: ({ column }) => <ColumnHeader column={column} title="Rate (%)" />,
+                    cell: ({ row }) => `${(row.original as any).rate ?? 0}%`,
+                },
+                {
+                    accessorKey: "note",
+                    header: ({ column }) => <ColumnHeader column={column} title="Note" />,
+                    cell: ({ row }) => (
+                        <span className="text-muted-foreground line-clamp-1">
+                            {(row.original as any).note ?? "—"}
+                        </span>
+                    ),
+                },
+                {
+                    accessorKey: "is_default",
+                    header: ({ column }) => <ColumnHeader column={column} title="Default" />,
+                    cell: ({ row }) =>
+                        (row.original as any).is_default
+                            ? <CheckIcon className="h-4 w-4 text-green-600" />
+                            : <XIcon className="h-4 w-4 text-muted-foreground" />,
+                },
+                actionsColumn(),
+            ]}
+        />
+    )
+}