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

Changed tooltip handler to not use PopupContext

Browse source
This commit is contained in:
Lucas Oliveira 2023-07-25 09:52:27 -03:00
commit 07ff2cc52f
2 changed files with 11 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
View file

@ -14,7 +14,6 @@ import PromptAreaComponent from "../../../../components/promptComponent";
import TextAreaComponent from "../../../../components/textAreaComponent";
import ToggleShadComponent from "../../../../components/toggleShadComponent";
import { MAX_LENGTH_TO_SCROLL_TOOLTIP } from "../../../../constants/constants";
import { PopUpContext } from "../../../../contexts/popUpContext";
import { TabsContext } from "../../../../contexts/tabsContext";
import { typesContext } from "../../../../contexts/typesContext";
import { ParameterComponentType } from "../../../../types/components";
@ -52,7 +51,8 @@ export default function ParameterComponent({
const updateNodeInternals = useUpdateNodeInternals();
const [position, setPosition] = useState(0);
const { setTabsState, tabId, save, flows } = useContext(TabsContext);
const { closeEdit } = useContext(PopUpContext);
const flow = flows.find((f) => f.id === tabId).data.nodes;
// Update component position
useEffect(() => {
@ -87,6 +87,7 @@ export default function ParameterComponent({
},
};
});
renderTooltips();
};
useEffect(() => {
@ -102,14 +103,8 @@ export default function ParameterComponent({
);
}, [info]);
useEffect(() => {
let groupedObj = groupByFamily(
myData,
tooltipTitle,
left,
data.type,
flows.find((f) => f.id === tabId).data.nodes
);
function renderTooltips() {
let groupedObj = groupByFamily(myData, tooltipTitle, left, data.type, flow);
if (groupedObj?.length === 0) {
groupedObj = groupByFamilyCustom(
@ -117,7 +112,7 @@ export default function ParameterComponent({
tooltipTitle,
left,
data.type,
flows.find((f) => f.id === tabId).data.nodes
flow
);
}
@ -172,11 +167,11 @@ export default function ParameterComponent({
);
});
}
}, [
tooltipTitle,
flows.find((f) => f.id === tabId).data.nodes.length,
closeEdit,
]);
}
useEffect(() => {
renderTooltips();
}, [tooltipTitle, flow.length]);
return (
<div
ref={ref}

5
src/frontend/src/modals/codeAreaModal/index.tsx
View file

@ -11,11 +11,9 @@ import { Button } from "../../components/ui/button";
import { CODE_PROMPT_DIALOG_SUBTITLE } from "../../constants/constants";
import { alertContext } from "../../contexts/alertContext";
import { darkContext } from "../../contexts/darkContext";
import { PopUpContext } from "../../contexts/popUpContext";
import { typesContext } from "../../contexts/typesContext";
import { postCustomComponent, postValidateCode } from "../../controllers/API";
import { APIClassType } from "../../types/api";
import { getRandomKeyByssmm } from "../../utils/utils";
import BaseModal from "../baseModal";
export default function CodeAreaModal({
@ -41,7 +39,6 @@ export default function CodeAreaModal({
const [error, setError] = useState<{
detail: { error: string; traceback: string };
}>(null);
const { setCloseEdit } = useContext(PopUpContext);
useEffect(() => {
// if nodeClass.template has more fields other than code and dynamic is true
@ -64,7 +61,6 @@ export default function CodeAreaModal({
});
setOpen(false);
setValue(code);
setCloseEdit(getRandomKeyByssmm().toString());
// setValue(code);
} else {
if (funcErrors.length !== 0) {
@ -101,7 +97,6 @@ export default function CodeAreaModal({
setNodeClass(data);
setValue(code);
setOpen(false);
setCloseEdit(getRandomKeyByssmm().toString());
}
})
.catch((err) => {