Merge pull request 'added api to save widgit data and iot data' (#24) from realTimeVisulization into main

Reviewed-on: http://185.100.212.76:7776/Dwinzo-Beta/Dwinzo_dev/pulls/24

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

@@ -122,23 +122,29 @@ import MultiLevelDropdown from "../../../../ui/inputs/MultiLevelDropDown";
 import { AddIcon } from "../../../../icons/ExportCommonIcons";
 import RegularDropDown from "../../../../ui/inputs/RegularDropDown";
 import useChartStore from "../../../../../store/useChartStore";
+import { useSelectedZoneStore } from "../../../../../store/useZoneStore";
+import { useWidgetStore } from "../../../../../store/useWidgetStore";
 import axios from "axios";
 
 type Props = {};
 
 const LineGrapInput = (props: Props) => {
-  const { measurements, setMeasurements, updateDuration, duration } = useChartStore();
-  
+  const { setMeasurements, updateDuration } = useChartStore();
+  const [duration, setDuration] = useState('1h')
   const [dropDowndata, setDropDownData] = useState({});
-  const [selections, setSelections] = useState<Record<string, { name: string; fields: string }>>(measurements); 
+  const [selections, setSelections] = useState<Record<string, { name: string; fields: string }>>({}); 
+  const { selectedZone } = useSelectedZoneStore();
+  const { selectedChartId } = useWidgetStore();
   const iotApiUrl = process.env.REACT_APP_IOT_SOCKET_SERVER_URL;
+  const email = localStorage.getItem("email") || "";
+  const organization = email?.split("@")[1]?.split(".")[0]
   
   useEffect(() => {
     const fetchZoneData = async () => {
       try {
         const response = await axios.get(`http://${iotApiUrl}/getinput`);
         if (response.status === 200) {
-          console.log("dropdown data:", response.data);
+          // console.log("dropdown data:", response.data);
           setDropDownData(response.data);
         } else {
           console.log("Unexpected response:", response);
@@ -150,26 +156,84 @@ const LineGrapInput = (props: Props) => {
     fetchZoneData();
   }, []);
 
+  useEffect(() => {
+    const fetchSavedInputes = async() => {
+      if (selectedChartId.id !== "") {
+        try {
+          const response = await axios.get(`http://${process.env.REACT_APP_SERVER_REST_API_BASE_URL}/api/v2/WidgetData/${selectedChartId.id}/${organization}`);
+          if (response.status === 200) {
+            setSelections(response.data.Data.measurements)
+            setDuration(response.data.Data.duration)
+          } else {
+            console.log("Unexpected response:", response);
+          }
+        } catch (error) {
+          console.error("There was an error!", error);
+        }
+      }
+    }
+
+    fetchSavedInputes();
+
+  }, [selectedChartId.id]);
+
   // Sync Zustand state when component mounts
   useEffect(() => {
-    setSelections(measurements);
-  }, [measurements]);
+    setMeasurements(selections);
+    updateDuration(duration);
+  }, [selections, duration]);
 
-  const handleSelect = (inputKey: string, selectedData: { name: string; fields: string } | null) => {
-    setSelections((prev) => {
-      const newSelections = { ...prev };
+
+  const sendInputes = async(inputMeasurement: any, inputDuration: any) => {
+    try {
+      const response = await axios.post(`http://${process.env.REACT_APP_SERVER_REST_API_BASE_URL}/api/v2/widget/save`,{
+        organization: organization,
+        zoneId: selectedZone.zoneId,
+        widget:{
+          id: selectedChartId.id,
+          panel: selectedChartId.panel,
+          Data: {
+            measurements: inputMeasurement,
+            duration: inputDuration
+          }
+        }
+      } as any);
+      if (response.status === 200) {
+        return true
+      } else {
+        console.log("Unexpected response:", response);
+        return false
+      }
+    } catch (error) {
+      console.error("There was an error!", error);
+      return false
+    }
+  }
+
+  const handleSelect = async(inputKey: string, selectedData: { name: string; fields: string } | null) => {
+    
+      // async() => {
+      const newSelections = { ...selections };
       if (selectedData === null) {
         delete newSelections[inputKey];
       } else {
         newSelections[inputKey] = selectedData;
       }
-      setMeasurements(newSelections); // Update Zustand store
-      return newSelections;
-    });
+      // setMeasurements(newSelections); // Update Zustand store
+      console.log(newSelections);
+      if ( await sendInputes(newSelections, duration)) {
+        setSelections(newSelections);
+      }
+      // sendInputes(newSelections, duration); // Send data to server
+      // return newSelections;
+    // };
   };
 
-  const handleSelectDuration = (option: string) => {
-    updateDuration(option);
+  const handleSelectDuration = async(option: string) => {
+    if ( await sendInputes(selections, option)) {
+      setDuration(option);
+    }
+    // setDuration(option);
   };
 
   return (