import React, { useState } from 'react'
import { Head, router } from '@inertiajs/react'
import CustomerLayout from '@/Layouts/CustomerLayout'
import { HiChevronLeft } from 'react-icons/hi2'
export default function Index({
auth: { user },
notification: { data, next_page_url },
}) {
const [_notification, setCoins] = useState(data)
const handleNextPage = () => {
router.get(
next_page_url,
{},
{
replace: true,
preserveState: true,
only: ['notification'],
onSuccess: (res) => {
setCoins(_notification.concat(res.props.notification.data))
},
}
)
}
return (