🐛 fix(EditNodeModal/index.tsx): change variable name from 'open' to 'modalOpen' for better clarity
✨ feat(EditNodeModal/index.tsx): add 'open' and 'setOpen' props to BaseModal component to control modal visibility 🐛 fix(EditNodeModal/index.tsx): change variable name from 'open' to 'modalOpen' in onClick event handler for better consistency
This commit is contained in:
parent
08083ddc10
commit
76fb935e63
1 changed files with 4 additions and 3 deletions
|
|
@ -29,7 +29,8 @@ import { classNames, limitScrollFieldsModal } from "../../utils";
|
||||||
import BaseModal from "../baseModal";
|
import BaseModal from "../baseModal";
|
||||||
|
|
||||||
export default function EditNodeModal({ data, children }: { data: NodeDataType; children: ReactNode }) {
|
export default function EditNodeModal({ data, children }: { data: NodeDataType; children: ReactNode }) {
|
||||||
const [open, setOpen] = useState(true);
|
const [modalOpen, setModalOpen] = useState(false);
|
||||||
|
|
||||||
const [nodeLength, setNodeLength] = useState(
|
const [nodeLength, setNodeLength] = useState(
|
||||||
Object.keys(data.node.template).filter(
|
Object.keys(data.node.template).filter(
|
||||||
(t) =>
|
(t) =>
|
||||||
|
|
@ -85,7 +86,7 @@ export default function EditNodeModal({ data, children }: { data: NodeDataType;
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<BaseModal size="large-h-full">
|
<BaseModal size="large-h-full" open={modalOpen} setOpen={setModalOpen}>
|
||||||
<BaseModal.Trigger>
|
<BaseModal.Trigger>
|
||||||
{children}
|
{children}
|
||||||
</BaseModal.Trigger>
|
</BaseModal.Trigger>
|
||||||
|
|
@ -307,7 +308,7 @@ export default function EditNodeModal({ data, children }: { data: NodeDataType;
|
||||||
<Button
|
<Button
|
||||||
className="mt-3"
|
className="mt-3"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setOpen(false);
|
setModalOpen(false);
|
||||||
}}
|
}}
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue