diff --git a/src/frontend/src/CustomNodes/GenericNode/components/outputModal/components/switchOutputView/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/outputModal/components/switchOutputView/index.tsx index 6c22e3ffa..b699bc6e1 100644 --- a/src/frontend/src/CustomNodes/GenericNode/components/outputModal/components/switchOutputView/index.tsx +++ b/src/frontend/src/CustomNodes/GenericNode/components/outputModal/components/switchOutputView/index.tsx @@ -9,19 +9,24 @@ import { Case } from "../../../../../../shared/components/caseComponent"; import TextOutputView from "../../../../../../shared/components/textOutputView"; import useFlowStore from "../../../../../../stores/flowStore"; import ErrorOutput from "./components"; - -export default function SwitchOutputView(nodeId): JSX.Element { - const nodeIdentity = nodeId.nodeId; - +// Define the props type +interface SwitchOutputViewProps { + nodeId: string; + outputName: string; +} +const SwitchOutputView: React.FC = ({ + nodeId, + outputName, +}) => { const nodes = useFlowStore((state) => state.nodes); const flowPool = useFlowStore((state) => state.flowPool); - const node = nodes.find((node) => node?.id === nodeIdentity); + const node = nodes.find((node) => node?.id === nodeId); - const flowPoolNode = (flowPool[nodeIdentity] ?? [])[ - (flowPool[nodeIdentity]?.length ?? 1) - 1 + const flowPoolNode = (flowPool[nodeId] ?? [])[ + (flowPool[nodeId]?.length ?? 1) - 1 ]; - const results = flowPoolNode?.data?.logs[0] ?? ""; + const results = flowPoolNode?.data?.logs[outputName] ?? ""; const resultType = results?.type; let resultMessage = results?.message; const RECORD_TYPES = ["record", "object", "array", "message"]; @@ -73,4 +78,6 @@ export default function SwitchOutputView(nodeId): JSX.Element { ); -} +}; + +export default SwitchOutputView; diff --git a/src/frontend/src/CustomNodes/GenericNode/components/outputModal/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/outputModal/index.tsx index b3185acb1..33485387f 100644 --- a/src/frontend/src/CustomNodes/GenericNode/components/outputModal/index.tsx +++ b/src/frontend/src/CustomNodes/GenericNode/components/outputModal/index.tsx @@ -2,7 +2,12 @@ import { Button } from "../../../../components/ui/button"; import BaseModal from "../../../../modals/baseModal"; import SwitchOutputView from "./components/switchOutputView"; -export default function OutputModal({ open, setOpen, nodeId }): JSX.Element { +export default function OutputModal({ + open, + setOpen, + nodeId, + outputName, +}): JSX.Element { return ( @@ -11,7 +16,7 @@ export default function OutputModal({ open, setOpen, nodeId }): JSX.Element { - +
diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx index 8e5a214e9..949fe4f83 100644 --- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx +++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx @@ -625,6 +625,7 @@ export default function ParameterComponent({ open={openOutputModal} nodeId={data.id} setOpen={setOpenOutputModal} + outputName={outputName} /> )}