'use client'; import React from 'react'; import { X, User, Building, Phone, Mail, MapPin, ShieldCheck, Coins, KeyRound, Clock, Calendar, CheckCircle2, } from 'lucide-react'; interface UserProfileDrawerProps { user: any; onClose: () => void; } export default function UserProfileDrawer({ user, onClose }: UserProfileDrawerProps) { if (!user) return null; return (
INDIVIDUAL USER PROFILE

{user.name} ({user.userCode})

{/* Identity & Account Grid */}
Full Name {user.name}
User ID (Permanent) {user.userCode}
Email Address {user.email}
Phone Number {user.phone || 'N/A'}
National ID (NIN Masked) {user.nin || 'Not Provided'}
Account Status {user.status}
Role {user.role === 'STANDARD_USER' ? 'User (Standard)' : user.role.replace('_', ' ')}
Registration Date {new Date(user.createdAt).toLocaleDateString()}
Address {user.address || 'N/A'}
{/* Units Account Statistics */}

Units Accounting Statistics

Available Units
{Number(user.wallet?.unitsBalance ?? 0).toLocaleString()}
Purchased Units
{Number(user.wallet?.totalUnitsPurchased ?? 0).toLocaleString()}
Consumed Units
{Number(user.wallet?.totalUnitsUsed ?? 0).toLocaleString()}
{/* Verification & API Usage History */}

Recent Identity Verification Queries ({user.verificationRequests?.length || 0})

{(user.verificationRequests || []).length === 0 ? (
No verification requests logged.
) : ( user.verificationRequests.map((vr: any) => (
{vr.requestId} {vr.verificationType} ({vr.status}) {new Date(vr.createdAt).toLocaleTimeString()}
)) )}
); }