import { Head, Link, router } from '@inertiajs/react'; import { ChevronRight, Search } from 'lucide-react'; import type { FormEvent } from 'react'; import { useState } from 'react'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { InertiaPaginatorFooter, type InertiaPaginatorSlice } from '@/components/inertia-paginator-footer'; import { cn } from '@/lib/utils'; type UserRow = { id: number; first_name: string; last_name: string; email: string; is_admin: boolean; kyc_status: string; email_verified_at: string | null; referral_program_enabled: boolean; jabes_women_enabled: boolean; blocked_at: string | null; created_at: string | null; }; type PaginatedUsers = InertiaPaginatorSlice & { data: UserRow[] }; type FilterId = 'all' | 'kyc_review' | 'blocked' | 'unverified'; type Props = { users: PaginatedUsers; filters: { q: string; filter: FilterId; }; }; const FILTER_TABS: { id: FilterId; label: string }[] = [ { id: 'all', label: 'Todos' }, { id: 'kyc_review', label: 'KYC pendiente' }, { id: 'blocked', label: 'Bloqueados' }, { id: 'unverified', label: 'Sin verificar correo' }, ]; const KYC_LABEL: Record = { approved: 'KYC aprobado', requires_submission: 'KYC sin enviar', pending_review: 'KYC en revisión', rejected: 'KYC rechazado', }; const TH = 'text-muted-foreground px-4 py-3 text-left text-xs font-medium whitespace-nowrap'; function KycBadge({ status }: { status: string }) { const label = KYC_LABEL[status] ?? status; if (status === 'approved') { return ( {label} ); } if (status === 'pending_review') { return ( {label} ); } if (status === 'rejected') { return ( {label} ); } return ( {label} ); } export default function AdminUsersDirectory({ users, filters }: Props) { const [searchQuery, setSearchQuery] = useState(filters.q); function navigate(filter: FilterId, q = searchQuery.trim()) { router.get( '/admin/usuarios', { q, filter }, { preserveState: true, replace: true }, ); } function submitSearch(event: FormEvent) { event.preventDefault(); navigate(filters.filter); } return ( <>

Usuarios

Directorio de cuentas. Abre un usuario para editar acceso, KYC y referidos.

{users.total} {users.total === 1 ? 'usuario' : 'usuarios'}
setSearchQuery(e.target.value)} />
{filters.q ? ( ) : null}
{users.data.length === 0 ? (

{filters.q ? 'Sin resultados para esta búsqueda.' : 'No hay usuarios con este filtro.'}

) : (
{users.data.map((row) => { const name = `${row.first_name} ${row.last_name}`.trim() || row.email; const editHref = `/admin/usuarios/${row.id}/editar`; const kycHref = `/admin/verificacion-kyc/usuarios/${row.id}`; return ( ); })}
Usuario Estado Programas Alta
{name}
{row.email}
{!row.email_verified_at ? (

Correo sin verificar

) : null}
{row.is_admin ? ( Administrador ) : null} {row.blocked_at ? ( Bloqueado ) : ( Activo )}
{row.is_admin ? ( — ) : (
{row.referral_program_enabled ? ( Referidos ) : null} {row.jabes_women_enabled ? ( JabesWomen ) : null} {!row.referral_program_enabled && !row.jabes_women_enabled ? ( — ) : null}
)} 		{row.created_at ? new Date( row.created_at, ).toLocaleDateString('es', { day: 'numeric', month: 'short', year: 'numeric', }) : '—'}
{row.kyc_status === 'pending_review' && !row.is_admin ? ( ) : null}
)}
); } AdminUsersDirectory.layout = { breadcrumbs: [ { title: 'Administración', href: '/admin' }, { title: 'Usuarios', href: '/admin/usuarios' }, ], };