import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { Head, useForm, router } from '@inertiajs/react'; import { Badge } from '@/Components/ui/badge'; import { Button } from '@/Components/ui/button'; import { useState } from 'react'; export default function UsersSettings({ users }: any) { const [editing, setEditing] = useState(null); const { data, setData, put, processing } = useForm({ role:'user', status:'active', designation:'', notes:'' }); const openEdit = (u: any) => { setEditing(u.id); setData({ role: u.app_user?.role??'user', status: u.app_user?.status??'active', designation: u.app_user?.designation??'', notes: u.app_user?.notes??'' }); }; const submit = (e: React.FormEvent) => { e.preventDefault(); put(`/settings/users/${editing}`, { onSuccess:()=>setEditing(null) }); }; return (
{users.data.map((u:any)=>( ))}
NameEmailRoleStatus
{u.name} {u.email} {u.app_user?.role??'user'}
{users.data.length===0&&

No users found.

}
{editing && (

Edit User

setData('designation',e.target.value)} className="w-full border rounded-md px-3 py-2 text-sm"/>
)} ); }