updates

apps/dashboard/app/(authenticated)/sales/inspections/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 { InspectionForm } from "@/modules/inspections/inspection-form"
 import { INSPECTION_ROUTES } from "@garage/api"
 import type { InspectionsClient } from "@garage/api"
@@ -10,9 +11,21 @@ export default function InspectionsPage() {
     return (
         <ResourcePage<InspectionsClient>
             pageTitle="Inspections"
-            title="Inspection"
             routeKey={INSPECTION_ROUTES.INDEX}
             getClient={(api) => api.inspections}
+            headerProps={({ selectedItem, invalidateQuery }) => ({
+                actions: (
+                    <FormDialog title="Inspection">
+                        {(resourceId) => (
+                            <InspectionForm
+                                resourceId={resourceId}
+                                initialData={selectedItem}
+                                onSuccess={invalidateQuery}
+                            />
+                        )}
+                    </FormDialog>
+                ),
+            })}
             columns={({ actionsColumn }) => [
                 {
                     accessorKey: "title",
@@ -53,13 +66,6 @@ export default function InspectionsPage() {
                 },
                 actionsColumn(),
             ]}
-            renderForm={({ resourceId, initialData, onSuccess }) => (
-                <InspectionForm
-                    resourceId={resourceId}
-                    initialData={initialData}
-                    onSuccess={onSuccess}
-                />
-            )}
         />
     )
 }