init

src/app/example/dashboard/assets/[assetId]/assign/page.tsx

@@ -0,0 +1,30 @@
+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';
+
+type PageProps = {
+  params: Promise<{ assetId: string }>;
+};
+
+export default async function AssetAssignPage({ params }: PageProps) {
+  const { assetId } = await params;
+  const session = await auth();
+  const canAssign =
+    session?.user?.systemRole === 'super_admin' ||
+    session?.user?.activePermissions.includes('asset:assign');
+
+  const queryClient = getQueryClient();
+  void queryClient.prefetchQuery(assetByIdQueryOptions(assetId));
+  void queryClient.prefetchQuery(assetOptionsQueryOptions());
+
+  return (
+    <PageContainer pageTitle='Asset Assignment' pageDescription='Assign this asset to an employee.' access={!!canAssign}>
+      <HydrationBoundary state={dehydrate(queryClient)}>
+        <AssetActionForm action='assign' assetId={assetId} />
+      </HydrationBoundary>
+    </PageContainer>
+  );
+}