import AdminLayout from '@/Layouts/AdminLayout'; import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'; import { api } from '@/lib/api'; import { cn } from '@/lib/utils'; import { Head, router } from '@inertiajs/react'; import { toast } from 'sonner'; import OverviewTab from './components/OverviewTab'; import PermissionsTab from './components/PermissionsTab'; import ProfileHero from './components/ProfileHero'; import SecurityTab from './components/SecurityTab'; import UserSidebar from './components/UserSidebar'; import type { AdminUserDetail } from './components/types'; interface Props { user: AdminUserDetail; } export default function UsersShow({ user }: Props) { const handleDelete = async () => { if (!confirm(`Delete ${user.name}? They will be moved to trash.`)) return; try { await api.delete(`/admin/users/${user.id}`); toast.success('Admin deleted'); router.visit('/admin/users'); } catch (err) { toast.error( err instanceof Error ? err.message : 'Failed to delete admin', ); } }; return ( {/* Body: sidebar + tabs */}

{/* Right: tabbed content */}

{/* Underline tab bar */}

{( [ 'overview', 'security', 'permissions', ] as const ).map((tab) => ( {tab} ))}

); }