npm run format

Author: Your Name

client/src/Hooks/useFetchData.js

@@ -2,40 +2,40 @@ import { useEffect, useState } from "react";
 import { createToast } from "../Utils/toastUtils";
 
 export const useFetchData = ({
-	requestFn, // API function
-	enabled = true,
-	deps = [],
-	shouldRun = true, // extra check like monitorId/type
+    requestFn, // API function
+    enabled = true,
+    deps = [],
+    shouldRun = true, // extra check like monitorId/type
 }) => {
-	const [data, setData] = useState(undefined);
-	const [count, setCount] = useState(undefined);
-	const [isLoading, setIsLoading] = useState(false);
-	const [networkError, setNetworkError] = useState(false);
+    const [data, setData] = useState(undefined);
+    const [count, setCount] = useState(undefined);
+    const [isLoading, setIsLoading] = useState(false);
+    const [networkError, setNetworkError] = useState(false);
 
-	useEffect(() => {
-		const fetchData = async () => {
-			if (!enabled || !shouldRun) return;
+    useEffect(() => {
+        const fetchData = async () => {
+            if (!enabled || !shouldRun) return;
 
-			try {
-				setIsLoading(true);
-				const res = await requestFn();
-				// Support both list and summary
-				if (res.data?.data?.checks) {
-					setData(res.data.data.checks);
-					setCount(res.data.data.checksCount);
-				} else {
-					setData(res.data.data);
-				}
-			} catch (error) {
-				setNetworkError(true);
-				createToast({ body: error.message });
-			} finally {
-				setIsLoading(false);
-			}
-		};
+            try {
+                setIsLoading(true);
+                const res = await requestFn();
+                // Support both list and summary
+                if (res.data?.data?.checks) {
+                    setData(res.data.data.checks);
+                    setCount(res.data.data.checksCount);
+                } else {
+                    setData(res.data.data);
+                }
+            } catch (error) {
+                setNetworkError(true);
+                createToast({ body: error.message });
+            } finally {
+                setIsLoading(false);
+            }
+        };
 
-		fetchData();
-	}, deps); // dependencies passed from hook
+        fetchData();
+    }, deps); // dependencies passed from hook
 
-	return [data, count, isLoading, networkError];
+    return [data, count, isLoading, networkError];
 };

client/src/Pages/Account/EditUser/hooks/editUser.js

@@ -4,7 +4,7 @@ import BaseContainer from "../BaseContainer";
 import AreaChart from "../../../../../Components/Charts/AreaChart";
 // Utils
 import { useTheme } from "@emotion/react";
-import { useHardwareUtils } from "../../Hooks/useHardwareUtils";
+import { useHardwareUtils } from "../../../../../Hooks/useHardwareUtils";
 const InfraAreaChart = ({ config }) => {
 	const theme = useTheme();
 	const { getDimensions } = useHardwareUtils();

client/src/Pages/Auth/hooks/useValidatePassword.jsx

@@ -11,7 +11,7 @@ import {
 	TemperatureTooltip,
 } from "../../../../../Components/Charts/Utils/chartUtils";
 import { useTheme } from "@emotion/react";
-import { useHardwareUtils } from "../../Hooks/useHardwareUtils";
+import { useHardwareUtils } from "../../../../../Hooks/useHardwareUtils";
 import { useTranslation } from "react-i18next";
 const AreaChartBoxes = ({ shouldRender, monitor, dateRange }) => {
 	const theme = useTheme();

client/src/Pages/Infrastructure/Details/Components/AreaChartBoxes/InfraAreaChart.jsx

@@ -11,7 +11,7 @@ import { Box } from "@mui/material";
 
 // Utils
 import { useTheme } from "@emotion/react";
-import { useHardwareUtils } from "../../Hooks/useHardwareUtils";
+import { useHardwareUtils } from "../../../../../Hooks/useHardwareUtils";
 import PropTypes from "prop-types";
 
 const BaseContainer = ({ children, sx = {} }) => {

client/src/Pages/Infrastructure/Details/Components/AreaChartBoxes/index.jsx

@@ -5,7 +5,7 @@ import SkeletonLayout from "./skeleton";
 import PropTypes from "prop-types";
 
 // Utils
-import { useHardwareUtils } from "../../Hooks/useHardwareUtils";
+import { useHardwareUtils } from "../../../../../Hooks/useHardwareUtils";
 import { useTheme } from "@emotion/react";
 import { useTranslation } from "react-i18next";
 

client/src/Pages/Infrastructure/Details/Components/BaseContainer/index.jsx

@@ -5,7 +5,7 @@ import StatBox from "../../../../../Components/StatBox";
 
 //Utils
 import { useMonitorUtils } from "../../../../../Hooks/useMonitorUtils";
-import { useHardwareUtils } from "../../Hooks/useHardwareUtils";
+import { useHardwareUtils } from "../../../../../Hooks/useHardwareUtils";
 import { useTranslation } from "react-i18next";
 
 const InfraStatBoxes = ({ shouldRender, monitor }) => {