import React from 'react' import { Head, router } from '@inertiajs/react' import { useModalState } from '@/hooks' import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout' import Pagination from '@/Components/Pagination' import { HiPencilSquare } from 'react-icons/hi2' import { HiPencilAlt } from 'react-icons/hi' export default function Index(props) { const { query: { links, data }, } = props const formModal = useModalState() const handleNotification = (notif) => { fetch(route('api.notification.update', notif)) router.get(route(route().current())) } return (

{/* {canCreate && ( )} */}

{data.map((notification) => ( ))}

Deskripsi	Dibaca
{notification.description}	{+notification.is_read === 1 ? 'Sudah dibaca' : 'Belum dibaca'}	handleNotification( notification ) } > Tandai dibaca

) }