mirror of
https://github.com/i701/sarlink-portal.git
synced 2025-02-23 16:42:00 +00:00
i701
9021f01ff4
- Introduced a new Agreements page for managing agreements in the dashboard. - Enhanced the Devices page by adding sorting and filtering options for better device management. - Updated the Users page to include sorting functionality and improved layout. - Implemented user verification and rejection dialogs for better user management. - Added InputReadOnly component for displaying user information in a read-only format. - Refactored search component to improve usability and visual consistency.
69 lines
2.7 KiB
TypeScript
69 lines
2.7 KiB
TypeScript
import InputReadOnly from '@/components/input-read-only';
|
|
import { Badge } from '@/components/ui/badge';
|
|
import UserRejectDialog from '@/components/user/user-reject-dialog';
|
|
import { UserVerifyDialog } from '@/components/user/user-verify-dialog';
|
|
|
|
import prisma from '@/lib/db';
|
|
import React from 'react'
|
|
|
|
export default async function VerifyUserPage({
|
|
params,
|
|
}: {
|
|
params: Promise<{
|
|
userId: string;
|
|
}>;
|
|
}) {
|
|
const userId = (await params).userId
|
|
const dbUser = await prisma.user.findUnique({
|
|
where: {
|
|
id: userId,
|
|
},
|
|
})
|
|
return (
|
|
<div>
|
|
<div className='flex items-center justify-between border-b-2 text-gray-500 text-2xl font-bold title-bg py-4 px-2 mb-4'>
|
|
<h3 className="">
|
|
Verify user
|
|
</h3>
|
|
<div className='flex gap-2'>
|
|
{dbUser && !dbUser?.verified && <UserVerifyDialog user={dbUser} />}
|
|
{dbUser && !dbUser?.verified && <UserRejectDialog user={dbUser} />}
|
|
{dbUser?.verified && <Badge variant={"secondary"} className='bg-lime-500'>Verified</Badge>}
|
|
</div>
|
|
|
|
</div>
|
|
<div className='grid grid-cols-1 md:grid-cols-2 gap-4 items-start justify-start'>
|
|
<div id="database-information">
|
|
<h4 className='p-2 rounded font-semibold'>Database Information</h4>
|
|
<div className='shadow p-2 rounded-md space-y-1 my-2 grid grid-cols-1 md:grid-cols-2 gap-2'>
|
|
<InputReadOnly label="Name" value={dbUser?.name ?? ""} />
|
|
<InputReadOnly label="ID Card" value={dbUser?.id_card ?? ""} />
|
|
<InputReadOnly label="Address" value={dbUser?.address ?? ""} />
|
|
<InputReadOnly label="DOB" value={new Date(dbUser?.dob ?? "").toLocaleDateString("en-US", {
|
|
month: "short",
|
|
day: "2-digit",
|
|
year: "numeric",
|
|
})} />
|
|
<InputReadOnly label="Phone Number" value={dbUser?.phoneNumber ?? ""} />
|
|
</div>
|
|
</div>
|
|
<div id="national-information">
|
|
<h4 className='p-2 rounded font-semibold'>National Information</h4>
|
|
<div className='shadow p-2 rounded-md space-y-1 my-2 grid grid-cols-1 md:grid-cols-2 gap-2'>
|
|
<InputReadOnly label="Name" value={dbUser?.name ?? ""} />
|
|
<InputReadOnly label="ID Card" value={dbUser?.id_card ?? ""} />
|
|
<InputReadOnly label="Address" value={dbUser?.address ?? ""} />
|
|
<InputReadOnly label="DOB" value={new Date(dbUser?.dob ?? "").toLocaleDateString("en-US", {
|
|
month: "short",
|
|
day: "2-digit",
|
|
year: "numeric",
|
|
})} />
|
|
<InputReadOnly label="Phone Number" value={dbUser?.phoneNumber ?? ""} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
)
|
|
}
|