29 lines
880 B
TypeScript
Executable File
29 lines
880 B
TypeScript
Executable File
import { Button, Drawer, Modal } from "antd";
|
|
import { useContext } from "react";
|
|
import TermForm from "./term-form";
|
|
import { TermEditorContext } from "./term-editor";
|
|
|
|
export default function TermModal() {
|
|
const { editId, termForm, termModalOpen, setTermModalOpen, setEditId, setParentId } = useContext(TermEditorContext)
|
|
const handleOk = () => {
|
|
termForm.submit();
|
|
};
|
|
return (
|
|
<>
|
|
<Modal
|
|
onOk={() => handleOk()}
|
|
open={termModalOpen}
|
|
onCancel={() => {
|
|
setTermModalOpen(false);
|
|
setEditId(undefined)
|
|
setParentId(undefined)
|
|
}}
|
|
title={editId ? '编辑分类' : '创建分类'}
|
|
width={400}
|
|
>
|
|
<TermForm></TermForm>
|
|
</Modal>
|
|
</>
|
|
);
|
|
}
|