diff --git a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx index 4a64e04db..eb8f281a6 100644 --- a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx +++ b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx @@ -98,7 +98,6 @@ export default function BuildTrigger({ // If the event is a log, log it setSuccessData({ title: parsedData.log }); } else if (parsedData.input_keys !== undefined) { - //@ts-ignore setTabsState((old: FlowsState) => { return { ...old, diff --git a/src/frontend/src/contexts/flowsContext.tsx b/src/frontend/src/contexts/flowsContext.tsx index 3902b382b..ad0e946a1 100644 --- a/src/frontend/src/contexts/flowsContext.tsx +++ b/src/frontend/src/contexts/flowsContext.tsx @@ -91,7 +91,7 @@ const FlowsContextInitialValue: FlowsContextType = { isPending: false, setPending: (pending: boolean) => {}, tabsState: {}, - setTabsState: (state: FlowsState) => {}, + setTabsState: () => {}, getNodeId: (nodeType: string) => "", setTweak: (tweak: any) => {}, getTweak: [], @@ -136,19 +136,17 @@ export function FlowsProvider({ children }: { children: ReactNode }) { const [edges, setEdgesInternal, onEdgesChangeInternal] = useEdgesState([]); - const setPending = - (pending: boolean) => { - //@ts-ignore - setTabsState((prev: FlowsState) => { - return { - ...prev, - [tabId]: { - ...prev[tabId], - isPending: pending, - }, - }; - }); - } + const setPending = (pending: boolean) => { + setTabsState((prev: FlowsState) => { + return { + ...prev, + [tabId]: { + ...prev[tabId], + isPending: pending, + }, + }; + }); + }; const isPending = tabsState[tabId]?.isPending ?? false; @@ -172,7 +170,11 @@ export function FlowsProvider({ children }: { children: ReactNode }) { let newChange = typeof change === "function" ? change(nodes) : change; let newEdges = cleanEdges(newChange, edges); - saveCurrentFlow(newChange, newEdges, reactFlowInstance?.getViewport() ?? { zoom: 1, x: 0, y: 0 }); + saveCurrentFlow( + newChange, + newEdges, + reactFlowInstance?.getViewport() ?? { zoom: 1, x: 0, y: 0 } + ); setEdgesInternal(newEdges); setNodesInternal(newChange); }; @@ -200,7 +202,11 @@ export function FlowsProvider({ children }: { children: ReactNode }) { const setEdges = (change: Edge[] | ((oldState: Edge[]) => Edge[])) => { let newChange = typeof change === "function" ? change(edges) : change; - saveCurrentFlow(nodes, newChange, reactFlowInstance?.getViewport() ?? { zoom: 1, x: 0, y: 0 }); + saveCurrentFlow( + nodes, + newChange, + reactFlowInstance?.getViewport() ?? { zoom: 1, x: 0, y: 0 } + ); setEdgesInternal(newChange); }; @@ -738,7 +744,14 @@ export function FlowsProvider({ children }: { children: ReactNode }) { let newFlow; if (!flow) { const currentFlow = flows.find((flow) => flow.id === tabId)!; - newFlow = { ...currentFlow, data: { nodes, edges, viewport: reactFlowInstance?.getViewport() ?? { zoom: 1, x: 0, y: 0 } } } + newFlow = { + ...currentFlow, + data: { + nodes, + edges, + viewport: reactFlowInstance?.getViewport() ?? { zoom: 1, x: 0, y: 0 }, + }, + }; } else { newFlow = flow; } @@ -789,22 +802,13 @@ export function FlowsProvider({ children }: { children: ReactNode }) { }, []); function deleteNode(idx: string | Array) { - - setEdges((oldEdges) => - oldEdges.filter((edge) => - typeof idx === "string" - ? edge.source !== idx && edge.target !== idx - : !idx.includes(edge.source) && !idx.includes(edge.target) - ) - ); - setNodes((oldNodes) => oldNodes.filter((node) => typeof idx === "string" ? node.id !== idx : !idx.includes(node.id) ) ); - } + function deleteEdge(idx: string | Array) { setEdges((oldEdges) => oldEdges.filter((edge) => diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx index fe9df7d46..fea51b765 100644 --- a/src/frontend/src/modals/EditNodeModal/index.tsx +++ b/src/frontend/src/modals/EditNodeModal/index.tsx @@ -62,7 +62,7 @@ const EditNodeModal = forwardRef( const [myData, setMyData] = useState(data); - const { setTabsState, tabId, edges } = useContext(FlowsContext); + const { setPending, tabId, edges } = useContext(FlowsContext); const { setModalContextOpen } = useContext(alertContext); function changeAdvanced(n) { @@ -535,7 +535,6 @@ const EditNodeModal = forwardRef( className="mt-3" onClick={() => { data.node = myData.node; - //@ts-ignore setPending(true); setOpen(false); }} diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx index 891a1dfa6..99ea3a465 100644 --- a/src/frontend/src/modals/formModal/index.tsx +++ b/src/frontend/src/modals/formModal/index.tsx @@ -401,7 +401,6 @@ export default function FormModal({ description: flow.description, chatKey: chatKey!, }); - //@ts-ignore setTabsState((old: FlowsState) => { if (!chatKey) return old; let newTabsState = _.cloneDeep(old); @@ -522,7 +521,6 @@ export default function FormModal({ ] } onChange={(e) => { - //@ts-ignore setTabsState((old: FlowsState) => { let newTabsState = _.cloneDeep(old); newTabsState[ @@ -634,7 +632,6 @@ export default function FormModal({ sendMessage={sendMessage} setChatValue={(value) => { setChatValue(value); - //@ts-ignore setTabsState((old: FlowsState) => { let newTabsState = _.cloneDeep(old); newTabsState[id.current].formKeysData.input_keys![ diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx index 064ae87b4..dbc955802 100644 --- a/src/frontend/src/modals/genericModal/index.tsx +++ b/src/frontend/src/modals/genericModal/index.tsx @@ -42,7 +42,7 @@ export default function GenericModal({ const [wordsHighlight, setWordsHighlight] = useState([]); const { setErrorData, setSuccessData, setNoticeData, setModalContextOpen } = useContext(alertContext); - const ref = useRef(); + const textRef = useRef(null); const divRef = useRef(null); const divRefPrompt = useRef(null); @@ -228,8 +228,7 @@ export default function GenericModal({ /> ) : type !== TypeModal.PROMPT ? (