49 lines
1.8 KiB
TypeScript
49 lines
1.8 KiB
TypeScript
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>
|
|
);
|
|
}
|