import { Head, Link, router } from '@inertiajs/react'; import { Plus, Store } from 'lucide-react'; import { DataTablePagination } from '@/components/admin/data-table'; import { PageHeader } from '@/components/admin/page-header'; import { WooLoginBadge } from '@/components/admin/woo-login-badge'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Checkbox } from '@/components/ui/checkbox'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'; import AppLayout from '@/layouts/app-layout'; import adminRoutes from '@/routes/admin'; import type { BreadcrumbItem } from '@/types'; import type { AdminUser, Paginated } from '@/types/admin'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Admin', href: adminRoutes.dashboard().url }, { title: 'Users', href: adminRoutes.users.index().url }, ]; interface Filters extends Record { search?: string; approval_status?: string; is_admin?: string; woo?: string; per_page?: string; } function approvalBadge(status: string) { if (status === 'approved') { return Approved; } if (status === 'rejected') { return Rejected; } return Pending; } export default function UsersIndex({ users, filters }: { users: Paginated; filters: Filters }) { function applyFilter(key: string, value: string) { router.get(adminRoutes.users.index().url, { ...filters, [key]: value, page: 1 }, { preserveState: true, preserveScroll: true }); } return (
Add User } /> {/* Filters */}
applyFilter('search', e.target.value)} />
applyFilter('woo', checked === true ? '1' : '')} />
Name Email Phone Status Role Orders Joined {users.data.length === 0 && ( No users found )} {users.data.map((user) => (
{user.name} {user.has_woo_login && }
{user.email} {user.phone ?? '—'} {approvalBadge(user.approval_status)} {user.is_admin ? Admin : User} {user.orders_count ?? 0} {new Date(user.created_at).toLocaleDateString()}
))}
); }