import {IPaginator, IUser, PageProps} from "@/types"; import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout"; import {Head, Link, router, useForm, usePage} from "@inertiajs/react"; import PaginatorComponent from "@/Components/Paginator"; import EditIcon from "@mui/icons-material/Edit"; import DeleteIcon from "@mui/icons-material/Delete"; import ReceiptIcon from "@mui/icons-material/Receipt"; import NoFoodIcon from "@mui/icons-material/NoFood"; import PrimaryButton from "@/Components/PrimaryButton"; import Modal from "@/Components/Modal"; import {useEffect, useState} from "react"; import SearchBar from "@/Components/SearchBar"; export default function UserList({ auth, users, }: PageProps<{ users: IPaginator }>) { const [selectedUser, setSelectedUser] = useState(null); const {delete: destroy} = useForm(); const [showDeleteModal, setShowDeleteModal] = useState(false); const [processing, setProcessing] = useState(false); const handleDelete = () => { if (selectedUser) { setProcessing(true); setShowDeleteModal(false); destroy(route("admin.users.destroy", {id: selectedUser.id}), { onFinish: () => { setProcessing(false); setSelectedUser(null); }, }); } }; const {url} = usePage(); const [data, setData] = useState<{ name: string | null; }>({ name: null, }); useEffect(() => { const params = new URLSearchParams(url.split("?")[1]); params.forEach((value, key) => { if (key === "name") { setData((prevData) => ({ ...prevData, [key]: value, })); } }); }, [url]); const handleSetData = (key: string, value: string | null) => { setData((prevData) => ({ ...prevData, [key]: value, })); }; const placeholders = { name: "Név", }; const types = { name: "text", }; const handleFilterFormSubmit = (e: React.FormEvent) => { e.preventDefault(); router.get( route("admin.users.index", { _query: data, }) ); }; const handleResetFilters = () => { setData({name: null}); router.get(route("admin.users.index")); }; return (
Új felhasználó létrehozása
{users.data.map((user, index) => (

{user.full_name}

{ setSelectedUser(user); setShowDeleteModal(true); }} title="Törlés" >
E-mail cím: {user.email} Telefonszám: {user.phone_number}
Gyereki:
    {user.kids && user.kids.length > 0 ? ( user.kids.map((kid) => (
  • {kid.full_name}
    • )) ) : (
  • Jelenleg nincs hozzárendelve a gyerekei
    • )}
))}
setShowDeleteModal(false)} >

Biztosan törölni szeretnéd?

Ez a művelet nem vonható vissza.

setShowDeleteModal(false)} className=" mr-4" > Mégse Törlés
); }