🐛 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:
Cristhian Zanforlin Lousa 2023-07-13 18:05:16 -03:00
commit 76fb935e63

View file

@ -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"
> >