init

src/app/example/dashboard/assets/repair/page.tsx

@@ -0,0 +1,48 @@
+import { HydrationBoundary, dehydrate } from '@tanstack/react-query';
+import { auth } from '@/auth';
+import PageContainer from '@/components/layout/page-container';
+import { assetByIdQueryOptions, assetOptionsQueryOptions } from '@/features/assets/api/queries';
+import { AssetActionForm } from '@/features/assets/components/asset-action-form';
+import { getQueryClient } from '@/lib/query-client';
+import type { SearchParams } from 'nuqs/server';
+
+type PageProps = {
+  searchParams: Promise<SearchParams>;
+};
+
+export default async function RepairAssetPage({ searchParams }: PageProps) {
+  const params = await searchParams;
+  const assetId = typeof params.assetId === 'string' ? params.assetId : '';
+  const session = await auth();
+  const canRepair =
+    session?.user?.systemRole === 'super_admin' ||
+    session?.user?.activePermissions.includes('asset:repair');
+
+  if (!assetId) {
+    return (
+      <PageContainer pageTitle='Repair Asset'>
+        <div className='text-muted-foreground rounded-lg border border-dashed p-8 text-center'>
+          Select an asset to repair.
+        </div>
+      </PageContainer>
+    );
+  }
+
+  const queryClient = getQueryClient();
+  void queryClient.prefetchQuery(assetByIdQueryOptions(assetId));
+  void queryClient.prefetchQuery(assetOptionsQueryOptions());
+
+  return (
+    <PageContainer pageTitle='Repair Asset' pageDescription='Record repair history for an asset.'>
+      <HydrationBoundary state={dehydrate(queryClient)}>
+        {canRepair ? (
+          <AssetActionForm action='repair' assetId={assetId} />
+        ) : (
+          <div className='text-muted-foreground rounded-lg border border-dashed p-8 text-center'>
+            You do not have access to repair assets.
+          </div>
+        )}
+      </HydrationBoundary>
+    </PageContainer>
+  );
+}