diff --git a/frontend/interactEM/src/components/pipelineflow.tsx b/frontend/interactEM/src/components/pipelineflow.tsx index 3f1ec2c..fa6f662 100644 --- a/frontend/interactEM/src/components/pipelineflow.tsx +++ b/frontend/interactEM/src/components/pipelineflow.tsx @@ -153,7 +153,7 @@ export const PipelineFlow = () => { setNodes((nds) => nds.concat(newNode)) }, - [screenToFlowPosition, operatorDropData, handlePipelineJSONDrop], + [screenToFlowPosition, operatorDropData, handlePipelineJSONDrop, operators], ) const handleNodesChange: OnNodesChange> = useCallback( diff --git a/frontend/interactEM/src/hooks/useOperators.ts b/frontend/interactEM/src/hooks/useOperators.ts index 7a4eb52..a2c3e49 100644 --- a/frontend/interactEM/src/hooks/useOperators.ts +++ b/frontend/interactEM/src/hooks/useOperators.ts @@ -1,36 +1,32 @@ -import { useEffect, useState } from "react"; -import { Operator } from "../operators"; +import { useEffect, useState } from "react" +import type { Operator } from "../operators" -import { - readOperators, - ReadOperatorsError, - ReadOperatorsResponse, -} from "../client"; +import { readOperators, type ReadOperatorsError } from "../client" const useOperators = () => { - const [operators, setOperators] = useState(null); - const [error, setError] = useState(null); - const [loading, setLoading] = useState(false); + const [operators, setOperators] = useState(null) + const [error, setError] = useState(null) + const [loading, setLoading] = useState(false) useEffect(() => { const fetchData = async () => { - setLoading(true); + setLoading(true) try { - const response = await readOperators(); + const response = await readOperators() if (response.data) { - setOperators((response.data.data as Operator[]) ?? null); + setOperators((response.data.data as Operator[]) ?? null) } } catch (err) { - setError(err as ReadOperatorsError); + setError(err as ReadOperatorsError) } finally { - setLoading(false); + setLoading(false) } - }; + } - fetchData(); - }, []); + fetchData() + }, []) - return { operators, error, loading }; -}; + return { operators, error, loading } +} -export default useOperators; +export default useOperators diff --git a/frontend/interactEM/src/operators/index.ts b/frontend/interactEM/src/operators/index.ts index a27f9e6..25933da 100644 --- a/frontend/interactEM/src/operators/index.ts +++ b/frontend/interactEM/src/operators/index.ts @@ -1,11 +1,11 @@ export interface OperatorInput { - label: string; - description: string; + label: string + description: string } export interface OperatorOutput { - label: string; - description: string; + label: string + description: string } export enum ParameterType { @@ -37,4 +37,3 @@ export interface Operator { outputs?: OperatorOutput[] parameters?: OperatorParameter[] } -