import { useEffect } from "react";
import { Datagrid, useListContext, ShowButton, BulkDeleteButton, TextField, EditButton, List } from "react-admin"
import { useParams } from "react-router-dom";

interface ICategoryLists {
    handleUpdateList: () => void,
}
const CategoryLists = (props: ICategoryLists) => {
    const {params:category_id}=useParams()
    useEffect(() => {
        props.handleUpdateList && props.handleUpdateList()
    }, []);
    return (
        <List exporter={false} filter={{ category_id }} resource="t_prod_style">
            <Datagrid bulkActionButtons={<BulkDeleteButton mutationMode="pessimistic"></BulkDeleteButton>} rowClick='edit'>
                <TextField source='code' />
                <TextField source='style_name' />
                <EditButton></EditButton>
                <ShowButton></ShowButton>
            </Datagrid>
        </List>
    )
}
export default CategoryLists;