refactor: update various components to improve readability and maintainability

app/src/components/layout/sidebarRight/visualization/IotInputCards/PieChartInput.tsx

@@ -8,6 +8,7 @@ import { useWidgetStore } from "../../../../../store/useWidgetStore";
 import axios from "axios";
 import RenameInput from "../../../../ui/inputs/RenameInput";
 import { useParams } from "react-router-dom";
+import { useSocketStore } from "../../../../../store/builder/store";
 
 type Props = {};
 
@@ -26,6 +27,7 @@ const PieChartInput = (props: Props) => {
   const organization = email?.split("@")[1]?.split(".")[0];
   const [isLoading, setLoading] = useState<boolean>(true);
   const { projectId } = useParams();
+  const { visualizationSocket } = useSocketStore();
 
 
   useEffect(() => {
@@ -92,6 +94,26 @@ const PieChartInput = (props: Props) => {
     inputDuration: any,
     inputName: any
   ) => {
+
+    // const userId = localStorage.getItem("userId");
+    // let newWidget = {
+    //   id: selectedChartId.id,
+    // panel: selectedChartId.panel,
+    // widgetName: inputName,
+    // Data: {
+    //   measurements: inputMeasurement,
+    //   duration: inputDuration,
+    // },
+    // }
+    // const adding3dWidget = {
+    //   organization: organization,
+    //   widget: newWidget,
+    //   zoneUuid: selectedZone.zoneUuid,
+    //   projectId, userId
+    // };
+    // if (visualizationSocket) {
+    //   visualizationSocket.emit("v1:viz-3D-widget:add", adding3dWidget);
+    // }
     try {
       const response = await axios.post(
         `http://${process.env.REACT_APP_SERVER_REST_API_BASE_URL}/api/V1/widget/save`,