diff --git a/src/Routes/SidebarRight/AddPipeline/Steps/Initial/index.js b/src/Routes/SidebarRight/AddPipeline/Steps/Initial/index.js index 4f544bb79..f7df37067 100644 --- a/src/Routes/SidebarRight/AddPipeline/Steps/Initial/index.js +++ b/src/Routes/SidebarRight/AddPipeline/Steps/Initial/index.js @@ -25,15 +25,16 @@ const Initial = ({ style }) => { valuesState, form, setForm, + isStreamingPipeline, + setIsStreamingPipeline, } = useWizardContext(); const { - isSelectStreaming, handleRadioClick, nodeNames, kindOverSelect, setKindOverSelect, - } = useWizardInitial(valuesState, form, setForm); + } = useWizardInitial(valuesState, form, setForm, setIsStreamingPipeline); // get list nodes const { experiments } = useExperiments(); @@ -107,7 +108,7 @@ const Initial = ({ style }) => { - {isSelectStreaming && ( + {isStreamingPipeline && ( { return nodes; }; -const useWizardInitial = (valuesState, form, setForm) => { +const useWizardInitial = ( + valuesState, + form, + setForm, + setIsStreamingPipeline +) => { const [kindOverSelect, setKindOverSelect] = useState('stream'); const [nodeNames] = useState( valuesState?.nodes?.map(item => item?.nodeName) || [] ); - const [isSelectStreaming, setIsSelectStreaming] = useState( - valuesState.kind === 'stream' - ); - const hasSpecialInput = useCallback( nodes => nodes.some( @@ -176,24 +177,23 @@ const useWizardInitial = (valuesState, form, setForm) => { form.setFieldValue('nodes', cleanItemInputAlgorithmNodes); } - setIsSelectStreaming(value === 'stream'); + setIsStreamingPipeline(value === 'stream'); setForm(); }, onCancel: () => {}, }); } else { form.setFieldsValue({ kind: value }); - setIsSelectStreaming(value === 'stream'); + setIsStreamingPipeline(value === 'stream'); setForm(); } } }, - [form, msgByKind, setForm, valuesState.kind] + [form, msgByKind, setForm, setIsStreamingPipeline, valuesState.kind] ); return { nodeNames, - isSelectStreaming, kindOverSelect, setKindOverSelect, handleRadioClick,