bug(fix): refresh is fixed in the application page (#445)

Author: palashgdev

frontend/src/pages/Metrics/index.tsx

@@ -25,18 +25,20 @@ const Metrics = ({ getService }: MetricsProps): JSX.Element => {
 	useEffect(() => {
 		if (loading === false) {
 			getService({
-				selectedTimeInterval: selectedTime,
+				maxTime,
+				minTime,
 			});
 		}
-	}, [getService, loading, selectedTime]);
+	}, [getService, loading, maxTime, minTime]);
 
 	useEffect(() => {
 		let timeInterval: NodeJS.Timeout;
 
 		if (loading === false && !isSkipped && services.length === 0) {
 			timeInterval = setInterval(() => {
 				getService({
-					selectedTimeInterval: selectedTime,
+					maxTime,
+					minTime,
 				});
 			}, 50000);
 		}

frontend/src/store/actions/metrics/getService.ts

@@ -13,11 +13,14 @@ export const GetService = (
 		try {
 			const { globalTime } = getState();
 
-			if (props.selectedTimeInterval !== globalTime.selectedTime) {
+			if (
+				props.maxTime !== globalTime.maxTime &&
+				props.minTime !== globalTime.minTime
+			) {
 				return;
 			}
 
-			const { maxTime, minTime } = GetMinMax(props.selectedTimeInterval, [
+			const { maxTime, minTime } = GetMinMax(globalTime.selectedTime, [
 				globalTime.minTime / 1000000,
 				globalTime.maxTime / 1000000,
 			]);
@@ -56,5 +59,6 @@ export const GetService = (
 };
 
 export type GetServiceProps = {
-	selectedTimeInterval: GlobalReducer['selectedTime'];
+	minTime: GlobalReducer['minTime'];
+	maxTime: GlobalReducer['maxTime'];
 };