import React, { useEffect, useState } from 'react';
import { router } from '@inertiajs/react';
import { usePrevious } from 'react-use';
import { Head, Link } from '@inertiajs/react';
import { Button, Dropdown } from 'flowbite-react';
import { HiPencil, HiTrash } from 'react-icons/hi';
import { useModalState } from '@/hooks';
import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout';
import Pagination from '@/Components/Pagination';
import ModalConfirm from '@/Components/ModalConfirm';
import SearchInput from '@/Components/SearchInput';
import { hasPermission } from '@/utils';
export default function Product(props) {
const { data: { links, data }, auth } = props
const [search, setSearch] = useState('')
const preValue = usePrevious(search)
const confirmModal = useModalState()
const handleDeleteClick = (product) => {
confirmModal.setData(product)
confirmModal.toggle()
}
const onDelete = () => {
if(confirmModal.data !== null) {
router.delete(route('roles.destroy', confirmModal.data.id))
}
}
const params = { q: search }
useEffect(() => {
if (preValue) {
router.get(
route(route().current()),
{ q: search },
{
replace: true,
preserveState: true,
}
)
}
}, [search])
const canCreate = hasPermission(auth, 'create-role')
const canUpdate = hasPermission(auth, 'update-role')
const canDelete = hasPermission(auth, 'delete-role')
return (
Nama | |
---|---|
{role.name} |
Ubah
Hapus
|