bug fix

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

@@ -21,14 +21,17 @@ const PieChartInput = (props: Props) => {
   const iotApiUrl = process.env.REACT_APP_IOT_SOCKET_SERVER_URL;
   const email = localStorage.getItem("email") || "";
   const organization = email?.split("@")[1]?.split(".")[0]
+  const [isLoading, setLoading] = useState<boolean>(true);
 
   useEffect(() => {
     const fetchZoneData = async () => {
       try {
+        setLoading(true)
         const response = await axios.get(`http://${iotApiUrl}/floatinput`);
         if (response.status === 200) {
           // console.log("dropdown data:", response.data);
           setDropDownData(response.data);
+          setLoading(false)
         } else {
           console.log("Unexpected response:", response);
         }
@@ -148,6 +151,7 @@ const PieChartInput = (props: Props) => {
                   onSelect={(selectedData) => handleSelect(inputKey, selectedData)}
                   onUnselect={() => handleSelect(inputKey, null)}
                   selectedValue={selections[inputKey]} // Load from Zustand
+                  isLoading={isLoading}
                 />
                 <div className="icon">
                   <AddIcon />