Function ExampleList

src/View/Oapi/ExampleList.tsx:12–56

(property: Property)

}

export default function ExampleList(property: Property) {
    const sExamplezzStore = useExamplezzStore()
    const sToastzzStore = useToastzzStore()

    const [itemzz, setItemzz] = useState<LB.ExampleMap[]>([])

    useEffect(() => {
        refresh()
    }, [property.requestId, property.responseId])

    function refresh() {
        makeExampleMapCRUD()
            .findAll()
            .then((response) =>
                setItemzz(
                    response.filter(
                        (item) => item.requestId === property.requestId && item.responseId === property.responseId,
                    ),
                ),
            )
            .catch(sToastzzStore.showError)
    }

    return (
        <ItemList
            fieldName="exampleId"
            itemzz={itemzz}
            source={sExamplezzStore.itemzz}
            create={function (exampleId) {
                return makeExampleMapCRUD()
                    .create({
                        exampleId,
                        requestId: property.requestId,
                        responseId: property.responseId,
                    })
                    .then(() => refresh())
            }}
            delete={function (id) {
                return makeExampleMapCRUD()
                    .delete(id)
                    .then(() => refresh())
            }}
        ></ItemList>
    )
}