refresh accurate alerts context on stream change (#239)

Author: balaji-jr

src/pages/Logs/StaticLogTable.tsx

@@ -49,24 +49,24 @@ const {
 	setCleanStoreForStreamChange,
 } = logsStoreReducers;
 
+const TotalCount = (props: { totalCount: number }) => {
+	return (
+		<Tooltip label={props.totalCount}>
+			<Text>{HumanizeNumber(props.totalCount)}</Text>
+		</Tooltip>
+	);
+};
+
 const TotalLogsCount = () => {
 	const [{ totalCount, perPage, pageData }] = useLogsStore((store) => store.tableOpts);
 	const displayedCount = _.size(pageData);
 	const showingCount = displayedCount < perPage ? displayedCount : perPage;
 	if (typeof totalCount !== 'number' || typeof displayedCount !== 'number') return <Stack />;
 
-	const renderTotalCount = useCallback(
-		() => (
-			<Tooltip label={totalCount}>
-				<Text>{HumanizeNumber(totalCount)}</Text>
-			</Tooltip>
-		),
-		[totalCount],
-	);
 	return (
 		<Stack style={{ alignItems: 'center', justifyContent: 'center', flexDirection: 'row' }} gap={6}>
 			<Text>{`Showing ${showingCount} out of`}</Text>
-			{renderTotalCount()}
+			<TotalCount totalCount={totalCount}/>
 			<Text>records</Text>
 		</Stack>
 	);

src/pages/Logs/providers/LogsProvider.tsx

@@ -570,7 +570,7 @@ const getCleanStoreForRefetch = (store: LogsStore) => {
 };
 
 const setCleanStoreForStreamChange = (store: LogsStore) => {
-	const { tableOpts, timeRange } = store;
+	const { tableOpts, timeRange, alerts } = store;
 	const { interval, type } = timeRange;
 	const duration = _.find(FIXED_DURATIONS, (duration) => duration.name === timeRange.label);
 	const updatedTimeRange = interval && type === 'fixed' ? { timeRange: getDefaultTimeRange(duration) } : {};
@@ -587,6 +587,7 @@ const setCleanStoreForStreamChange = (store: LogsStore) => {
 			totalPages: 0,
 		},
 		...updatedTimeRange,
+		alerts
 	};
 };