feat: updated null checks

frontend/src/container/ExplorerOptions/ExplorerOptionWrapper.tsx

@@ -18,6 +18,7 @@ function ExplorerOptionWrapper({
 	splitedQueries,
 	signalSource,
 	handleChangeSelectedView,
+	logsAlertQuery,
 }: ExplorerOptionsWrapperProps): JSX.Element {
 	const [isExplorerOptionHidden, setIsExplorerOptionHidden] = useState(false);
 
@@ -40,6 +41,7 @@ function ExplorerOptionWrapper({
 			isOneChartPerQuery={isOneChartPerQuery}
 			splitedQueries={splitedQueries}
 			handleChangeSelectedView={handleChangeSelectedView}
+			logsAlertQuery={logsAlertQuery}
 		/>
 	);
 }

frontend/src/container/ExplorerOptions/ExplorerOptions.tsx

@@ -100,7 +100,9 @@ function ExplorerOptions({
 	isOneChartPerQuery = false,
 	splitedQueries = [],
 	handleChangeSelectedView,
+	logsAlertQuery,
 }: ExplorerOptionsProps): JSX.Element {
+	const alertQuery = logsAlertQuery || query;
 	const [isExport, setIsExport] = useState<boolean>(false);
 	const [isSaveModalOpen, setIsSaveModalOpen] = useState(false);
 	const [newViewName, setNewViewName] = useState<string>('');
@@ -749,7 +751,7 @@ function ExplorerOptions({
 			<Button
 				disabled={disabled}
 				shape="round"
-				onClick={(): void => onCreateAlertsHandler(query)}
+				onClick={(): void => onCreateAlertsHandler(alertQuery)}
 				icon={<ConciergeBell size={16} />}
 			>
 				Create an Alert
@@ -757,9 +759,9 @@ function ExplorerOptions({
 		);
 	}, [
 		disabled,
+		alertQuery,
 		isOneChartPerQuery,
 		onCreateAlertsHandler,
-		query,
 		splitedQueries,
 	]);
 
@@ -1044,6 +1046,7 @@ export interface ExplorerOptionsProps {
 	isOneChartPerQuery?: boolean;
 	splitedQueries?: Query[];
 	handleChangeSelectedView?: ChangeViewFunctionType;
+	logsAlertQuery?: Query | null;
 }
 
 ExplorerOptions.defaultProps = {

frontend/src/container/LogsExplorerViews/explorerUtils.ts

@@ -216,3 +216,34 @@ export const getExportQueryData = (
 	}
 	return query;
 };
+
+export const getExportLogQuery = (
+	query: Query | null,
+	panelType: PANEL_TYPES,
+): Query | null => {
+	if (!query) {
+		return null;
+	}
+
+	if (panelType === PANEL_TYPES.LIST) {
+		const listQuery = getListQuery(query);
+		if (!listQuery) {
+			return null;
+		}
+
+		return {
+			...query,
+			builder: {
+				...query.builder,
+				queryData: [
+					{
+						...listQuery,
+						orderBy: [],
+						limit: null,
+					},
+				],
+			},
+		};
+	}
+	return query;
+};

frontend/src/container/LogsExplorerViews/index.tsx

@@ -27,6 +27,7 @@ import LogsExplorerChart from 'container/LogsExplorerChart';
 import LogsExplorerList from 'container/LogsExplorerList';
 import LogsExplorerTable from 'container/LogsExplorerTable';
 import {
+	getExportLogQuery,
 	getExportQueryData,
 	getFrequencyChartData,
 	getListQuery,
@@ -138,6 +139,11 @@ function LogsExplorerViewsContainer({
 		[selectedPanelType, requestData],
 	);
 
+	const logsAlertQuery = useMemo(
+		() => getExportLogQuery(requestData, selectedPanelType),
+		[selectedPanelType, requestData],
+	);
+
 	const {
 		data: listChartData,
 		isFetching: isFetchingListChartData,
@@ -527,6 +533,7 @@ function LogsExplorerViewsContainer({
 				onExport={handleExport}
 				sourcepage={DataSource.LOGS}
 				handleChangeSelectedView={handleChangeSelectedView}
+				logsAlertQuery={logsAlertQuery}
 			/>
 		</div>
 	);