jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

🔧 fix(dictAreaModal/index.tsx): add useEffect hook to update dictObj state when value prop changes

Browse source 
🔧 fix(dictAreaModal/index.tsx): initialize dictObj state with value prop on component mount
This commit is contained in:
Cristhian Zanforlin Lousa 2023-09-18 21:16:10 -03:00
commit 7d3f2377a5
1 changed files with 5 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/frontend/src/modals/dictAreaModal/index.tsx
View file

@ -4,7 +4,7 @@ import "ace-builds/src-noconflict/mode-python";
import "ace-builds/src-noconflict/theme-github"; import "ace-builds/src-noconflict/theme-github";
import "ace-builds/src-noconflict/theme-twilight"; import "ace-builds/src-noconflict/theme-twilight";
// import "ace-builds/webpack-resolver"; // import "ace-builds/webpack-resolver";
import { useState } from "react"; import { useEffect, useState } from "react";
import JsonView from "react18-json-view"; import JsonView from "react18-json-view";
import "react18-json-view/src/dark.css"; import "react18-json-view/src/dark.css";
import "react18-json-view/src/style.css"; import "react18-json-view/src/style.css";
@ -21,6 +21,10 @@ export default function DictAreaModal({
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
const [dictObj, setDictObj] = useState(value); const [dictObj, setDictObj] = useState(value);
useEffect(() => {
if (value) setDictObj(value);
}, [value]);
return ( return (
<BaseModal size="medium-h-full" open={open} setOpen={setOpen}> <BaseModal size="medium-h-full" open={open} setOpen={setOpen}>
<BaseModal.Trigger>{children}</BaseModal.Trigger> <BaseModal.Trigger>{children}</BaseModal.Trigger>