import { IKid, IPaginator, 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 PrimaryButton from "@/Components/PrimaryButton"; import Modal from "@/Components/Modal"; import { useEffect, useState } from "react"; import SearchBar from "@/Components/SearchBar"; export default function KidList({ auth, kids, }: PageProps<{ kids: IPaginator }>) { const [selectedKid, setSelectedKid] = useState(null); const { delete: destroy } = useForm(); const [showDeleteModal, setShowDeleteModal] = useState(false); const [processing, setProcessing] = useState(false); const handleDelete = () => { if (selectedKid) { setProcessing(true); setShowDeleteModal(false); destroy(route("admin.kids.destroy", { id: selectedKid.id }), { onFinish: () => { setProcessing(false); setSelectedKid(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.kids.index", { _query: data, }) ); }; const handleResetFilters = () => { setData({ name: null }); router.get(route("admin.kids.index")); }; return (
Új gyerek létrehozása
{kids.data.length > 0 ? ( kids.data.map((kid, index) => (

{kid.full_name}

{ setSelectedKid(kid); setShowDeleteModal(true); }} title="Törlés" >
Árkategória:{" "} {kid.price_category?.name ?? "Nincs"} Aktív ettől: {kid.active_from} Aktív eddig: {kid.active_to}
)) ) : (

Nem található eredmény

)}
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
); }