feat: global time is updated

frontend/src/container/LogControls/index.tsx

@@ -4,6 +4,7 @@ import {
 	RightOutlined,
 } from '@ant-design/icons';
 import { Button, Divider, Select } from 'antd';
+import { getMinMax } from 'container/TopNav/AutoRefresh/config';
 import React, { memo, useMemo } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { AppState } from 'store/reducers';
@@ -13,6 +14,7 @@ import {
 	RESET_ID_START_AND_END,
 	SET_LOG_LINES_PER_PAGE,
 } from 'types/actions/logs';
+import { GlobalReducer } from 'types/reducer/globalTime';
 import { ILogsReducer } from 'types/reducer/logs';
 
 import { ITEMS_PER_PAGE_OPTIONS } from './config';
@@ -28,29 +30,72 @@ function LogControls(): JSX.Element | null {
 		isLoadingAggregate,
 		logs,
 	} = useSelector<AppState, ILogsReducer>((state) => state.logs);
+	const globalTime = useSelector<AppState, GlobalReducer>(
+		(state) => state.globalTime,
+	);
 	const dispatch = useDispatch();
 
 	const handleLogLinesPerPageChange = (e: number): void => {
+		const { maxTime, minTime } = getMinMax(
+			globalTime.selectedTime,
+			globalTime.minTime,
+			globalTime.maxTime,
+		);
+
 		dispatch({
 			type: SET_LOG_LINES_PER_PAGE,
-			payload: e,
+			payload: {
+				logLinesPerPage: e,
+				maxTime,
+				minTime,
+			},
 		});
 	};
 
 	const handleGoToLatest = (): void => {
+		const { maxTime, minTime } = getMinMax(
+			globalTime.selectedTime,
+			globalTime.minTime,
+			globalTime.maxTime,
+		);
+
 		dispatch({
 			type: RESET_ID_START_AND_END,
+			payload: {
+				maxTime,
+				minTime,
+			},
 		});
 	};
 
 	const handleNavigatePrevious = (): void => {
+		const { maxTime, minTime } = getMinMax(
+			globalTime.selectedTime,
+			globalTime.minTime,
+			globalTime.maxTime,
+		);
+
 		dispatch({
 			type: GET_PREVIOUS_LOG_LINES,
+			payload: {
+				maxTime,
+				minTime,
+			},
 		});
 	};
 	const handleNavigateNext = (): void => {
+		const { maxTime, minTime } = getMinMax(
+			globalTime.selectedTime,
+			globalTime.minTime,
+			globalTime.maxTime,
+		);
+
 		dispatch({
 			type: GET_NEXT_LOG_LINES,
+			payload: {
+				minTime,
+				maxTime,
+			},
 		});
 	};
 

frontend/src/container/LogsSearchFilter/index.tsx

@@ -1,4 +1,5 @@
 import { Input, InputRef, Popover } from 'antd';
+import { getMinMax } from 'container/TopNav/AutoRefresh/config';
 import useUrlQuery from 'hooks/useUrlQuery';
 import getStep from 'lib/getStep';
 import { debounce } from 'lodash-es';
@@ -45,7 +46,7 @@ function SearchFilter({
 		AppState,
 		ILogsReducer
 	>((state) => state.logs);
-	const { maxTime, minTime } = useSelector<AppState, GlobalReducer>(
+	const globalTime = useSelector<AppState, GlobalReducer>(
 		(state) => state.globalTime,
 	);
 	const dispatch = useDispatch<Dispatch<AppActions>>();
@@ -86,6 +87,12 @@ function SearchFilter({
 					0,
 				);
 			} else {
+				const { maxTime, minTime } = getMinMax(
+					globalTime.selectedTime,
+					globalTime.minTime,
+					globalTime.maxTime,
+				);
+
 				getLogs({
 					q: customQuery,
 					limit: logLinesPerPage,
@@ -117,8 +124,7 @@ function SearchFilter({
 			idStart,
 			liveTail,
 			logLinesPerPage,
-			maxTime,
-			minTime,
+			globalTime,
 		],
 	);
 
@@ -145,12 +151,12 @@ function SearchFilter({
 		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [
 		urlQueryString,
-		maxTime,
-		minTime,
 		idEnd,
 		idStart,
 		logLinesPerPage,
 		dispatch,
+		globalTime.maxTime,
+		globalTime.minTime,
 	]);
 
 	return (

frontend/src/store/reducers/global.ts

@@ -6,6 +6,12 @@ import {
 	UPDATE_AUTO_REFRESH_INTERVAL,
 	UPDATE_TIME_INTERVAL,
 } from 'types/actions/globalTime';
+import {
+	GET_NEXT_LOG_LINES,
+	GET_PREVIOUS_LOG_LINES,
+	RESET_ID_START_AND_END,
+	SET_LOG_LINES_PER_PAGE,
+} from 'types/actions/logs';
 import { GlobalReducer } from 'types/reducer/globalTime';
 
 const intitalState: GlobalReducer = {
@@ -53,6 +59,17 @@ const globalTimeReducer = (
 			};
 		}
 
+		case GET_NEXT_LOG_LINES:
+		case GET_PREVIOUS_LOG_LINES:
+		case RESET_ID_START_AND_END:
+		case SET_LOG_LINES_PER_PAGE: {
+			return {
+				...state,
+				maxTime: action.payload.maxTime,
+				minTime: action.payload.minTime,
+			};
+		}
+
 		default:
 			return state;
 	}

frontend/src/store/reducers/logs.ts

@@ -126,7 +126,7 @@ export const LogsReducer = (
 		case SET_LOG_LINES_PER_PAGE: {
 			return {
 				...state,
-				logLinesPerPage: action.payload,
+				logLinesPerPage: action.payload.logsLinesPerPage,
 			};
 		}
 

frontend/src/types/actions/globalTime.ts

@@ -1,5 +1,12 @@
 import { Time } from 'container/TopNav/DateTimeSelection/config';
 
+import {
+	NextLogsLines,
+	PreviousLogsLines,
+	ResetIdStartAndEnd,
+	SetLogsLinesPerPage,
+} from './logs';
+
 export const UPDATE_TIME_INTERVAL = 'UPDATE_TIME_INTERVAL';
 export const GLOBAL_TIME_LOADING_START = 'GLOBAL_TIME_LOADING_START';
 export const UPDATE_AUTO_REFRESH_DISABLED = 'UPDATE_AUTO_REFRESH_DISABLED';
@@ -37,4 +44,8 @@ export type GlobalTimeAction =
 	| UpdateTimeInterval
 	| GlobalTimeLoading
 	| UpdateAutoRefreshDisabled
-	| UpdateAutoRefreshInterval;
+	| UpdateAutoRefreshInterval
+	| NextLogsLines
+	| PreviousLogsLines
+	| ResetIdStartAndEnd
+	| SetLogsLinesPerPage;

frontend/src/types/actions/logs.ts

@@ -13,6 +13,8 @@ import { TLogsLiveTailState } from 'types/api/logs/liveTail';
 import { ILog } from 'types/api/logs/log';
 import { ILogsAggregate } from 'types/api/logs/logAggregate';
 
+import { GlobalTime } from './globalTime';
+
 // export const GET_SERVICE_LIST_SUCCESS = 'GET_SERVICE_LIST_SUCCESS';
 // export const GET_SERVICE_LIST_LOADING_START = 'GET_SERVICE_LIST_LOADING_START';
 // export const GET_SERVICE_LIST_ERROR = 'GET_SERVICE_LIST_ERROR';
@@ -75,17 +77,24 @@ export interface UpdateLogs {
 }
 export interface SetLogsLinesPerPage {
 	type: typeof SET_LOG_LINES_PER_PAGE;
-	payload: number;
+	payload: {
+		logsLinesPerPage: number;
+		minTime: GlobalTime['minTime'];
+		maxTime: GlobalTime['maxTime'];
+	};
 }
 
 export interface PreviousLogsLines {
 	type: typeof GET_PREVIOUS_LOG_LINES;
+	payload: GlobalTime;
 }
 export interface NextLogsLines {
 	type: typeof GET_NEXT_LOG_LINES;
+	payload: GlobalTime;
 }
 export interface ResetIdStartAndEnd {
 	type: typeof RESET_ID_START_AND_END;
+	payload: GlobalTime;
 }
 export interface SetLoading {
 	type: typeof SET_LOADING;