some code cleanup and deleted redundant files

Author: Eyepatch5263

frontend/src/components/CanvasForPipelines/DestinationNode.tsx

@@ -69,7 +69,7 @@ export const DestinationNode = ({ data: Data }: any) => {
                         <div className="flex ml-5 flex-col items-center justify-center w-full">
                         <div style={{ fontSize: "9px", lineHeight: "0.8rem" }} className="font-medium">{Data.name}</div>
                             <div className="flex justify-between gap-2 mr-4 text-xs mt-2">
-                                {SourceLabel.map((source, index) => (
+                                {SourceLabel.map((source:any, index:number) => (
                                     <p style={{fontSize:"8px"}} key={index}>
                                         {source}
                                     </p>

frontend/src/components/CanvasForPipelines/PipelineCanvas.tsx

@@ -1,15 +1,13 @@
-import React, { useState, useCallback, useEffect } from 'react';
+import React, { useState, useCallback } from 'react';
 import ReactFlow, {
   MiniMap,
   Controls,
   Background,
   addEdge,
-  useNodesState,
   useEdgesState,
   Edge,
   Connection,
   ReactFlowInstance,
-  Node
 } from 'reactflow';
 import 'reactflow/dist/style.css';
 import { SourceNode } from './SourceNode';
@@ -29,42 +27,14 @@ const nodeTypes = {
 };
 
 const PipelineBuilder = () => {
-  const fetchLocalStorageData = () => {
-    const Nodes=JSON.parse(localStorage.getItem("Nodes") || "[]")
-    return {Nodes};
-  };
-  const {Nodes } = fetchLocalStorageData();
-  const initialNodes:any = [
-    ...Nodes.map((source: any, index: number) => ({
-      id: source.component_id.toString(),
-      type: source.component_role == "receiver" ? "source" : source.component_role == "exporter" ? "destination" : "processor",
-      position: { x: 100, y: 100 + index * 100 },
-      data: {
-        label: (
-          <div style={{ fontSize: '10px', textAlign: 'center' }}>
-            {`${source.name}-(${index + 1})`}
-          </div>
-        ),
-        type: source.component_role,
-        name: source.name,
-        supported_signals: source.supported_signals,
-        plugin_name: source.plugin_name,
-      },
-    })),
-  ];
 
   const { nodeValue, setNodeValue, onNodesChange } = useNodeValue();
 
-  // useEffect(() => {
-  //   console.log("Updated nodeValue:", nodeValue);
-  // }, [nodeValue]);
-
   const validatedNodeValue = nodeValue.map((node, index) => ({
     ...node,
     position: node.position || { x: 100, y: 100 + index * 100 }, // Fallback position
   }));
 
-  // const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
   const [edges, setEdges, onEdgesChange] = useEdgesState(JSON.parse(localStorage.getItem("PipelineEdges") || "[]"));
   const [reactFlowInstance, setReactFlowInstance] = useState<ReactFlowInstance | null>(null);
 
@@ -83,8 +53,8 @@ const PipelineBuilder = () => {
             target: params.target,
             animated: true,
             data: {
-              sourceComponentId: parseInt(params.source,10), // Use the source node's ID
-              targetComponentId: parseInt(params.target,10), // Use the target node's ID
+              sourceComponentId: parseInt(params.source,10), 
+              targetComponentId: parseInt(params.target,10), 
             },
           },
           eds

frontend/src/components/CanvasForPipelines/ProcessorNode.tsx

@@ -78,7 +78,7 @@ export const ProcessorNode = ({ data }: any) => {
         };
         if(formData.name!==data.label && formData.http!==data.sublabel){
             setChangesLog(prev => [...prev, { type: 'processor', name: data.label, status: "edited" }])
-          }
+        }
 
         setErrors(newErrors);
         setTouched({

frontend/src/components/CanvasForPipelines/SourceNode.tsx

@@ -79,7 +79,7 @@ export const SourceNode = ({ data:Data }: any) => {
           <div className="bg-gray-200 rounded-tr-md rounded-br-md border-2 border-gray-300 p-4 h-[6rem] shadow-md w-[8rem] relative">
             <div style={{ fontSize: "9px", lineHeight: "0.8rem" }} className="font-medium">{Data.name}</div>
             <div className="flex justify-between gap-2 mr-2 text-xs mt-2">
-              {SourceLabel.map((source, index) => (
+              {SourceLabel.map((source:any, index:number) => (
                 <p style={{fontSize:"8px"}} key={index}>
                 {source}
                 </p>

frontend/src/components/Pipelines/AddNewPipelineComponent/AddAgent.tsx

@@ -141,12 +141,8 @@ const AddAgent = () => {
     setIsDialogOpen(true)
   }
 
-  const handleCheck = () => {
-    setCheck(!check)
-  }
-
   const handleGetAgent = async () => {
-    setFilteredAgents(agentValues); // Initialize filteredAgents with the full list
+    setFilteredAgents(agentValues); 
   };
 
   useEffect(() => {

frontend/src/components/Pipelines/AddNewPipelineComponent/ProgressFlow.tsx

@@ -16,7 +16,6 @@ const ProgressFlow = () => {
             <div className="relative">
                 {steps.map((step, index) => (
                     <div key={index} className="flex items-start space-x-4">
-                        {/* Circle Indicator */}
                         <div className="relative flex flex-col items-center">
                             <div
                                 className={`w-4 h-4 rounded-full border-2 ${index <= currentStep ? "border-blue-500 bg-blue-500" : "border-gray-300"