signoz

mirror of https://github.com/SigNoz/signoz.git synced 2026-03-13 08:42:08 +00:00

Author	SHA1	Message	Date
Ishan Uniyal	5320138eb9	fix: added event propogation on enter press	2026-03-13 13:01:21 +05:30
Ashwin Bhatkal	0271be11e6	chore: remove dashboard provider from the root (#10526 ) Some checks failed build-staging / prepare (push) Has been cancelled Details build-staging / js-build (push) Has been cancelled Details build-staging / go-build (push) Has been cancelled Details build-staging / staging (push) Has been cancelled Details Release Drafter / update_release_draft (push) Has been cancelled Details * chore: remove dashboard provider from the root * chore: fix tests * chore: fix tests * chore: remove dashboardId from provider * chore: remove old instances of dashboard provider * chore: separate dashboard widget fully * chore: fix tests * chore: resolve self comments	2026-03-12 14:51:49 +00:00

16 changed files with 215 additions and 365 deletions

									
										43

frontend/src/AppRoutes/index.tsx
									
												View File
												
				@@ -29,7 +29,6 @@ import posthog from 'posthog-js';

				import { useAppContext } from 'providers/App/App';

				import { IUser } from 'providers/App/types';

				import { CmdKProvider } from 'providers/cmdKProvider';

				import { DashboardProvider } from 'providers/Dashboard/Dashboard';

				import { ErrorModalProvider } from 'providers/ErrorModalProvider';

				import { PreferenceContextProvider } from 'providers/preferences/context/PreferenceContextProvider';

				import { QueryBuilderProvider } from 'providers/QueryBuilder';

				@@ -384,28 +383,26 @@ function App(): JSX.Element {

													<PrivateRoute>

														<ResourceProvider>

															<QueryBuilderProvider>

																<DashboardProvider>

																	<KeyboardHotkeysProvider>

																		<AppLayout>

																			<PreferenceContextProvider>

																				<Suspense fallback={<Spinner size="large" tip="Loading..." />}>

																					<Switch>

																						{routes.map(({ path, component, exact }) => (

																							<Route

																								key={`${path}`}

																								exact={exact}

																								path={path}

																								component={component}

																							/>

																						))}

																						<Route exact path="/" component={Home} />

																						<Route path="*" component={NotFound} />

																					</Switch>

																				</Suspense>

																			</PreferenceContextProvider>

																		</AppLayout>

																	</KeyboardHotkeysProvider>

																</DashboardProvider>

																<KeyboardHotkeysProvider>

																	<AppLayout>

																		<PreferenceContextProvider>

																			<Suspense fallback={<Spinner size="large" tip="Loading..." />}>

																				<Switch>

																					{routes.map(({ path, component, exact }) => (

																						<Route

																							key={`${path}`}

																							exact={exact}

																							path={path}

																							component={component}

																						/>

																					))}

																					<Route exact path="/" component={Home} />

																					<Route path="*" component={NotFound} />

																				</Switch>

																			</Suspense>

																		</PreferenceContextProvider>

																	</AppLayout>

																</KeyboardHotkeysProvider>

															</QueryBuilderProvider>

														</ResourceProvider>

													</PrivateRoute>

									
										7

frontend/src/components/CustomTimePicker/CustomTimePicker.tsx
									
												View File
												
				@@ -297,7 +297,12 @@ function CustomTimePicker({

						resetErrorStatus();

					};

					const handleInputPressEnter = (): void => {

					const handleInputPressEnter = (

						event?: React.KeyboardEvent<HTMLInputElement>,

					): void => {

						event?.preventDefault();

						event?.stopPropagation();

						// check if the entered time is in the format of 1m, 2h, 3d, 4w

						const isTimeDurationShortHandFormat = /^(\d+)([mhdw])$/.test(inputValue);

									
										11

frontend/src/container/DashboardContainer/DashboardDescription/__tests__/DashboardDescription.test.tsx
									
												View File
												
				@@ -34,11 +34,6 @@ const mockSafeNavigate = jest.fn();

				jest.mock('react-router-dom', () => ({

					...jest.requireActual('react-router-dom'),

					useLocation: jest.fn(),

					useRouteMatch: jest.fn().mockReturnValue({

						params: {

							dashboardId: 4,

						},

					}),

				}));

				jest.mock(

				@@ -69,7 +64,7 @@ describe('Dashboard landing page actions header tests', () => {

						(useLocation as jest.Mock).mockReturnValue(mockLocation);

						const { getByTestId } = render(

							<MemoryRouter initialEntries={[DASHBOARD_PATH]}>

								<DashboardProvider>

								<DashboardProvider dashboardId="4">

									<DashboardDescription

										handle={{

											active: false,

				@@ -110,7 +105,7 @@ describe('Dashboard landing page actions header tests', () => {

						);

						const { getByTestId } = render(

							<MemoryRouter initialEntries={[DASHBOARD_PATH]}>

								<DashboardProvider>

								<DashboardProvider dashboardId="4">

									<DashboardDescription

										handle={{

											active: false,

				@@ -149,7 +144,7 @@ describe('Dashboard landing page actions header tests', () => {

						const { getByText } = render(

							<MemoryRouter initialEntries={[DASHBOARD_PATH]}>

								<DashboardProvider>

								<DashboardProvider dashboardId="4">

									<DashboardDescription

										handle={{

											active: false,

									
										17

frontend/src/container/LogsPanelTable/__tests__/LogsPanelComponent.test.tsx
									
												View File
												
				@@ -5,7 +5,6 @@ import NewWidget from 'container/NewWidget';

				import { logsPaginationQueryRangeSuccessResponse } from 'mocks-server/__mockdata__/logs_query_range';

				import { server } from 'mocks-server/server';

				import { rest } from 'msw';

				import { DashboardProvider } from 'providers/Dashboard/Dashboard';

				import { PreferenceContextProvider } from 'providers/preferences/context/PreferenceContextProvider';

				import i18n from 'ReactI18';

				import { act, fireEvent, render, screen, waitFor } from 'tests/test-utils';

				@@ -104,15 +103,13 @@ describe('LogsPanelComponent', () => {

					const renderComponent = async (): Promise<void> => {

						render(

							<I18nextProvider i18n={i18n}>

								<DashboardProvider>

									<PreferenceContextProvider>

										<NewWidget

											selectedGraph={PANEL_TYPES.LIST}

											fillSpans={undefined}

											yAxisUnit={undefined}

										/>

									</PreferenceContextProvider>

								</DashboardProvider>

								<PreferenceContextProvider>

									<NewWidget

										dashboardId=""

										selectedDashboard={undefined}

										selectedGraph={PANEL_TYPES.LIST}

									/>

								</PreferenceContextProvider>

							</I18nextProvider>,

						);

									
										95

frontend/src/container/NewWidget/LeftContainer/QuerySection/index.tsx
									
												View File
												
				@@ -8,28 +8,15 @@ import { QueryBuilderV2 } from 'components/QueryBuilderV2/QueryBuilderV2';

				import TextToolTip from 'components/TextToolTip';

				import { PANEL_TYPES } from 'constants/queryBuilder';

				import { QBShortcuts } from 'constants/shortcuts/QBShortcuts';

				import {

					getDefaultWidgetData,

					PANEL_TYPE_TO_QUERY_TYPES,

				} from 'container/NewWidget/utils';

				import { PANEL_TYPE_TO_QUERY_TYPES } from 'container/NewWidget/utils';

				import RunQueryBtn from 'container/QueryBuilder/components/RunQueryBtn/RunQueryBtn';

				// import { QueryBuilder } from 'container/QueryBuilder';

				import { QueryBuilderProps } from 'container/QueryBuilder/QueryBuilder.interfaces';

				import { useKeyboardHotkeys } from 'hooks/hotkeys/useKeyboardHotkeys';

				import { useQueryBuilder } from 'hooks/queryBuilder/useQueryBuilder';

				import { useShareBuilderUrl } from 'hooks/queryBuilder/useShareBuilderUrl';

				import { useIsDarkMode } from 'hooks/useDarkMode';

				import useUrlQuery from 'hooks/useUrlQuery';

				import { defaultTo, isUndefined } from 'lodash-es';

				import { Atom, Terminal } from 'lucide-react';

				import { useDashboard } from 'providers/Dashboard/Dashboard';

				import {

					getNextWidgets,

					getPreviousWidgets,

					getSelectedWidgetIndex,

				} from 'providers/Dashboard/util';

				import { Widgets } from 'types/api/dashboard/getAll';

				import { Query } from 'types/api/queryBuilder/queryBuilderData';

				import { EQueryType } from 'types/common/dashboard';

				import ClickHouseQueryContainer from './QueryBuilder/clickHouse';

				@@ -40,77 +27,25 @@ function QuerySection({

					selectedGraph,

					queryRangeKey,

					isLoadingQueries,

					selectedWidget,

					dashboardVersion,

					dashboardId,

					dashboardName,

					isNewPanel,

				}: QueryProps): JSX.Element {

					const {

						currentQuery,

						handleRunQuery: handleRunQueryFromQueryBuilder,

						redirectWithQueryBuilderData,

					} = useQueryBuilder();

					const urlQuery = useUrlQuery();

					const { registerShortcut, deregisterShortcut } = useKeyboardHotkeys();

					const { selectedDashboard, setSelectedDashboard } = useDashboard();

					const isDarkMode = useIsDarkMode();

					const { widgets } = selectedDashboard?.data || {};

					const getWidget = useCallback(() => {

						const widgetId = urlQuery.get('widgetId');

						return defaultTo(

							widgets?.find((e) => e.id === widgetId),

							getDefaultWidgetData(widgetId || '', selectedGraph),

						);

					}, [urlQuery, widgets, selectedGraph]);

					const selectedWidget = getWidget() as Widgets;

					const { query } = selectedWidget;

					useShareBuilderUrl({ defaultValue: query });

					const handleStageQuery = useCallback(

						(query: Query): void => {

							if (selectedDashboard === undefined) {

								return;

							}

							const selectedWidgetIndex = getSelectedWidgetIndex(

								selectedDashboard,

								selectedWidget.id,

							);

							const previousWidgets = getPreviousWidgets(

								selectedDashboard,

								selectedWidgetIndex,

							);

							const nextWidgets = getNextWidgets(selectedDashboard, selectedWidgetIndex);

							setSelectedDashboard({

								...selectedDashboard,

								data: {

									...selectedDashboard?.data,

									widgets: [

										...previousWidgets,

										{

											...selectedWidget,

											query,

										},

										...nextWidgets,

									],

								},

							});

							handleRunQueryFromQueryBuilder();

						},

						[

							selectedDashboard,

							selectedWidget,

							setSelectedDashboard,

							handleRunQueryFromQueryBuilder,

						],

					);

					const handleQueryCategoryChange = useCallback(

						(qCategory: string): void => {

							const currentQueryType = qCategory as EQueryType;

				@@ -123,19 +58,16 @@ function QuerySection({

					);

					const handleRunQuery = (): void => {

						const widgetId = urlQuery.get('widgetId');

						const isNewPanel = isUndefined(widgets?.find((e) => e.id === widgetId));

						logEvent('Panel Edit: Stage and run query', {

							dataSource: currentQuery.builder?.queryData?.[0]?.dataSource,

							panelType: selectedWidget.panelTypes,

							queryType: currentQuery.queryType,

							widgetId: selectedWidget.id,

							dashboardId: selectedDashboard?.id,

							dashboardName: selectedDashboard?.data.title,

							dashboardId,

							dashboardName,

							isNewPanel,

						});

						handleStageQuery(currentQuery);

						handleRunQueryFromQueryBuilder();

					};

					const filterConfigs: QueryBuilderProps['filterConfigs'] = useMemo(() => {

				@@ -164,7 +96,7 @@ function QuerySection({

											panelType={selectedGraph}

											filterConfigs={filterConfigs}

											showTraceOperator={selectedGraph !== PANEL_TYPES.LIST}

											version={selectedDashboard?.data?.version || 'v3'}

											version={dashboardVersion || 'v3'}

											isListViewPanel={selectedGraph === PANEL_TYPES.LIST}

											queryComponents={queryComponents}

											signalSourceChangeEnabled

				@@ -204,7 +136,7 @@ function QuerySection({

						queryComponents,

						selectedGraph,

						filterConfigs,

						selectedDashboard?.data?.version,

						dashboardVersion,

						isDarkMode,

					]);

				@@ -261,6 +193,11 @@ interface QueryProps {

					selectedGraph: PANEL_TYPES;

					queryRangeKey?: QueryKey;

					isLoadingQueries?: boolean;

					selectedWidget: Widgets;

					dashboardVersion?: string;

					dashboardId?: string;

					dashboardName?: string;

					isNewPanel?: boolean;

				}

				export default QuerySection;

									
										7

frontend/src/container/NewWidget/LeftContainer/index.tsx
									
												View File
												
				@@ -30,6 +30,8 @@ function LeftContainer({

					setRequestData,

					setQueryResponse,

					enableDrillDown = false,

					selectedDashboard,

					isNewPanel = false,

				}: WidgetGraphProps): JSX.Element {

					const { stagedQuery } = useQueryBuilder();

				@@ -75,6 +77,11 @@ function LeftContainer({

									selectedGraph={selectedGraph}

									queryRangeKey={queryRangeKey}

									isLoadingQueries={queryResponse.isFetching}

									selectedWidget={selectedWidget}

									dashboardVersion={ENTITY_VERSION_V5}

									dashboardId={selectedDashboard?.id}

									dashboardName={selectedDashboard?.data.title}

									isNewPanel={isNewPanel}

								/>

								{selectedGraph === PANEL_TYPES.LIST && (

									<ExplorerColumnsRenderer

									
										5

frontend/src/container/NewWidget/RightContainer/__tests__/RightContainer.test.tsx
									
												View File
												
				@@ -8,7 +8,6 @@ import userEvent from '@testing-library/user-event';

				import { PANEL_TYPES } from 'constants/queryBuilder';

				import { AppContext } from 'providers/App/App';

				import { IAppContext } from 'providers/App/types';

				import { DashboardProvider } from 'providers/Dashboard/Dashboard';

				import { ErrorModalProvider } from 'providers/ErrorModalProvider';

				import { QueryBuilderProvider } from 'providers/QueryBuilder';

				import configureStore from 'redux-mock-store';

				@@ -96,9 +95,7 @@ const render = (ui: React.ReactElement): ReturnType<typeof rtlRender> =>

								<Provider store={createMockStore()}>

									<AppContext.Provider value={createMockAppContext() as IAppContext}>

										<ErrorModalProvider>

											<DashboardProvider>

												<QueryBuilderProvider>{ui}</QueryBuilderProvider>

											</DashboardProvider>

											<QueryBuilderProvider>{ui}</QueryBuilderProvider>

										</ErrorModalProvider>

									</AppContext.Provider>

								</Provider>

									
										12

frontend/src/container/NewWidget/__test__/NewWidget.test.tsx
									
												View File
												
				@@ -310,12 +310,12 @@ describe('Stacking bar in new panel', () => {

						const { container, getByText } = render(

							<I18nextProvider i18n={i18n}>

								<DashboardProvider>

								<DashboardProvider dashboardId="">

									<PreferenceContextProvider>

										<NewWidget

											dashboardId=""

											selectedDashboard={undefined}

											selectedGraph={PANEL_TYPES.BAR}

											fillSpans={undefined}

											yAxisUnit={undefined}

										/>

									</PreferenceContextProvider>

								</DashboardProvider>

				@@ -356,11 +356,11 @@ describe('when switching to BAR panel type', () => {

					it('should preserve saved stacking value of true', async () => {

						const { getByTestId, getByText, container } = render(

							<DashboardProvider>

							<DashboardProvider dashboardId="">

								<NewWidget

									dashboardId=""

									selectedDashboard={undefined}

									selectedGraph={PANEL_TYPES.BAR}

									fillSpans={undefined}

									yAxisUnit={undefined}

								/>

							</DashboardProvider>,

						);

									
										35

frontend/src/container/NewWidget/index.tsx
									
												View File
												
				@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next';

				import { UseQueryResult } from 'react-query';

				// eslint-disable-next-line no-restricted-imports

				import { useSelector } from 'react-redux';

				import { generatePath, useParams } from 'react-router-dom';

				import { generatePath } from 'react-router-dom';

				import { WarningOutlined } from '@ant-design/icons';

				import { Button, Flex, Modal, Space, Typography } from 'antd';

				import logEvent from 'api/common/logEvent';

				@@ -32,8 +32,6 @@ import { GetQueryResultsProps } from 'lib/dashboard/getQueryResults';

				import { getDashboardVariables } from 'lib/dashboardVariables/getDashboardVariables';

				import { cloneDeep, defaultTo, isEmpty, isUndefined } from 'lodash-es';

				import { Check, X } from 'lucide-react';

				import { DashboardWidgetPageParams } from 'pages/DashboardWidget';

				import { useDashboard } from 'providers/Dashboard/Dashboard';

				import { useScrollToWidgetIdStore } from 'providers/Dashboard/helpers/scrollToWidgetIdHelper';

				import {

					clearSelectedRowWidgetId,

				@@ -83,6 +81,8 @@ import {

				import './NewWidget.styles.scss';

				function NewWidget({

					selectedDashboard,

					dashboardId,

					selectedGraph,

					enableDrillDown = false,

				}: NewWidgetProps): JSX.Element {

				@@ -90,11 +90,6 @@ function NewWidget({

					const setToScrollWidgetId = useScrollToWidgetIdStore(

						(s) => s.setToScrollWidgetId,

					);

					const {

						selectedDashboard,

						setSelectedDashboard,

						columnWidths,

					} = useDashboard();

					const { dashboardVariables } = useDashboardVariables();

				@@ -139,8 +134,6 @@ function NewWidget({

					const query = useUrlQuery();

					const { dashboardId } = useParams<DashboardWidgetPageParams>();

					const [isNewDashboard, setIsNewDashboard] = useState<boolean>(false);

					const logEventCalledRef = useRef(false);

				@@ -286,11 +279,10 @@ function NewWidget({

								isLogScale,

								legendPosition,

								customLegendColors,

								columnWidths: columnWidths?.[selectedWidget?.id],

								columnWidths: selectedWidget.columnWidths,

								contextLinks,

							};

						});

						// eslint-disable-next-line react-hooks/exhaustive-deps

					}, [

						columnUnits,

						currentQuery,

				@@ -313,8 +305,8 @@ function NewWidget({

						isLogScale,

						legendPosition,

						customLegendColors,

						columnWidths,

						contextLinks,

						selectedWidget.columnWidths,

					]);

					const closeModal = (): void => {

				@@ -560,8 +552,7 @@ function NewWidget({

						};

						updateDashboardMutation.mutateAsync(dashboard, {

							onSuccess: (updatedDashboard) => {

								setSelectedDashboard(updatedDashboard.data);

							onSuccess: () => {

								setToScrollWidgetId(selectedWidget?.id || '');

								safeNavigate({

									pathname: generatePath(ROUTES.DASHBOARD, { dashboardId }),

				@@ -580,7 +571,6 @@ function NewWidget({

						preWidgets,

						updateDashboardMutation,

						widgets,

						setSelectedDashboard,

						setToScrollWidgetId,

						safeNavigate,

						dashboardId,

				@@ -630,22 +620,25 @@ function NewWidget({

						// eslint-disable-next-line react-hooks/exhaustive-deps

					}, [query]);

					const onSaveDashboard = useCallback((): void => {

					const isNewPanel = useMemo(() => {

						const widgetId = query.get('widgetId');

						const selectWidget = widgets?.find((e) => e.id === widgetId);

						const selectedWidget = widgets?.find((e) => e.id === widgetId);

						return isUndefined(selectedWidget);

					}, [query, widgets]);

					const onSaveDashboard = useCallback((): void => {

						logEvent('Panel Edit: Save changes', {

							panelType: selectedWidget.panelTypes,

							dashboardId: selectedDashboard?.id,

							widgetId: selectedWidget.id,

							dashboardName: selectedDashboard?.data.title,

							queryType: currentQuery.queryType,

							isNewPanel: isUndefined(selectWidget),

							isNewPanel,

							dataSource: currentQuery?.builder?.queryData?.[0]?.dataSource,

						});

						setSaveModal(true);

						// eslint-disable-next-line react-hooks/exhaustive-deps

					}, []);

					}, [isNewPanel]);

					const isNewTraceLogsAvailable =

						currentQuery.queryType === EQueryType.QUERY_BUILDER &&

				@@ -821,6 +814,8 @@ function NewWidget({

												isLoadingPanelData={isLoadingPanelData}

												setQueryResponse={setQueryResponse}

												enableDrillDown={enableDrillDown}

												selectedDashboard={selectedDashboard}

												isNewPanel={isNewPanel}

											/>

										)}

									</OverlayScrollbar>

									
										7

frontend/src/container/NewWidget/types.ts
									
												View File
												
				@@ -2,6 +2,7 @@ import { Dispatch, SetStateAction } from 'react';

				import { UseQueryResult } from 'react-query';

				import { PANEL_TYPES } from 'constants/queryBuilder';

				import { GetQueryResultsProps } from 'lib/dashboard/getQueryResults';

				import { IDashboardContext } from 'providers/Dashboard/types';

				import { SuccessResponse, Warning } from 'types/api';

				import { Widgets } from 'types/api/dashboard/getAll';

				import { MetricRangePayloadProps } from 'types/api/metrics/getQueryRange';

				@@ -9,9 +10,9 @@ import { MetricRangePayloadProps } from 'types/api/metrics/getQueryRange';

				import { timePreferance } from './RightContainer/timeItems';

				export interface NewWidgetProps {

					dashboardId: string;

					selectedDashboard: IDashboardContext['selectedDashboard'];

					selectedGraph: PANEL_TYPES;

					yAxisUnit: Widgets['yAxisUnit'];

					fillSpans: Widgets['fillSpans'];

					enableDrillDown?: boolean;

				}

				@@ -34,6 +35,8 @@ export interface WidgetGraphProps {

						>

					>;

					enableDrillDown?: boolean;

					selectedDashboard: IDashboardContext['selectedDashboard'];

					isNewPanel?: boolean;

				}

				export type WidgetGraphContainerProps = {

									
										1

frontend/src/hooks/queryBuilder/useCreateAlerts.tsx
									
												View File
												
				@@ -107,7 +107,6 @@ const useCreateAlerts = (widget?: Widgets, caller?: string): VoidFunction => {

						queryRangeMutation,

						dashboardVariables,

						dashboardDynamicVariables,

						selectedDashboard?.data.version,

						widget,

					]);

				};

									
										15

frontend/src/pages/DashboardPage/index.tsx
									
												View File
												
				@@ -1,3 +1,16 @@

				import { useParams } from 'react-router-dom';

				import { DashboardProvider } from 'providers/Dashboard/Dashboard';

				import DashboardPage from './DashboardPage';

				export default DashboardPage;

				function DashboardPageWithProvider(): JSX.Element {

					const { dashboardId } = useParams<{ dashboardId: string }>();

					return (

						<DashboardProvider dashboardId={dashboardId}>

							<DashboardPage />

						</DashboardProvider>

					);

				}

				export default DashboardPageWithProvider;

									
										108

frontend/src/pages/DashboardWidget/index.tsx
									
												View File
												
				@@ -1,50 +1,91 @@

				import { useEffect, useState } from 'react';

				import { generatePath, useLocation, useParams } from 'react-router-dom';

				import { useEffect, useMemo } from 'react';

				import { useQuery } from 'react-query';

				import { generatePath, useParams } from 'react-router-dom';

				import { Card, Typography } from 'antd';

				import getDashboard from 'api/v1/dashboards/id/get';

				import Spinner from 'components/Spinner';

				import { SOMETHING_WENT_WRONG } from 'constants/api';

				import { PANEL_TYPES } from 'constants/queryBuilder';

				import { DASHBOARD_CACHE_TIME } from 'constants/queryCacheTime';

				import { REACT_QUERY_KEY } from 'constants/reactQueryKeys';

				import ROUTES from 'constants/routes';

				import NewWidget from 'container/NewWidget';

				import { isDrilldownEnabled } from 'container/QueryTable/Drilldown/drilldownUtils';

				import { useSafeNavigate } from 'hooks/useSafeNavigate';

				import useUrlQuery from 'hooks/useUrlQuery';

				import { useDashboard } from 'providers/Dashboard/Dashboard';

				import { Widgets } from 'types/api/dashboard/getAll';

				import { parseAsStringEnum, useQueryState } from 'nuqs';

				import { setDashboardVariablesStore } from 'providers/Dashboard/store/dashboardVariables/dashboardVariablesStore';

				function DashboardWidget(): JSX.Element | null {

					const { search } = useLocation();

					const { dashboardId } = useParams<DashboardWidgetPageParams>();

					const { dashboardId } = useParams<{

						dashboardId: string;

					}>();

					const [widgetId] = useQueryState('widgetId');

					const [graphType] = useQueryState(

						'graphType',

						parseAsStringEnum<PANEL_TYPES>(Object.values(PANEL_TYPES)),

					);

					const { safeNavigate } = useSafeNavigate();

					const [selectedGraph, setSelectedGraph] = useState<PANEL_TYPES>();

					const { selectedDashboard, dashboardResponse } = useDashboard();

					const params = useUrlQuery();

					const widgetId = params.get('widgetId');

					const { data } = selectedDashboard || {};

					const { widgets } = data || {};

					const selectedWidget = widgets?.find((e) => e.id === widgetId) as Widgets;

					useEffect(() => {

						const params = new URLSearchParams(search);

						const graphType = params.get('graphType') as PANEL_TYPES | null;

						if (graphType === null) {

						if (!graphType || !widgetId) {

							safeNavigate(generatePath(ROUTES.DASHBOARD, { dashboardId }));

						} else {

							setSelectedGraph(graphType);

						} else if (!dashboardId) {

							safeNavigate(ROUTES.HOME);

						}

					}, [dashboardId, safeNavigate, search]);

					}, [graphType, widgetId, dashboardId, safeNavigate]);

					if (selectedGraph === undefined || dashboardResponse.isLoading) {

					if (!widgetId || !graphType) {

						return null;

					}

					return (

						<DashboardWidgetInternal

							dashboardId={dashboardId}

							widgetId={widgetId}

							graphType={graphType}

						/>

					);

				}

				function DashboardWidgetInternal({

					dashboardId,

					widgetId,

					graphType,

				}: {

					dashboardId: string;

					widgetId: string;

					graphType: PANEL_TYPES;

				}): JSX.Element | null {

					const {

						data: dashboardResponse,

						isFetching: isFetchingDashboardResponse,

						isError: isErrorDashboardResponse,

					} = useQuery([REACT_QUERY_KEY.DASHBOARD_BY_ID, dashboardId, widgetId], {

						enabled: true,

						queryFn: async () =>

							await getDashboard({

								id: dashboardId,

							}),

						refetchOnWindowFocus: false,

						cacheTime: DASHBOARD_CACHE_TIME,

						onSuccess: (response) => {

							setDashboardVariablesStore({

								dashboardId,

								variables: response.data.data.variables,

							});

						},

					});

					const selectedDashboard = useMemo(() => dashboardResponse?.data, [

						dashboardResponse?.data,

					]);

					if (isFetchingDashboardResponse) {

						return <Spinner tip="Loading.." />;

					}

					if (dashboardResponse.isError) {

					if (isErrorDashboardResponse) {

						return (

							<Card>

								<Typography>{SOMETHING_WENT_WRONG}</Typography>

				@@ -54,16 +95,11 @@ function DashboardWidget(): JSX.Element | null {

					return (

						<NewWidget

							yAxisUnit={selectedWidget?.yAxisUnit}

							selectedGraph={selectedGraph}

							fillSpans={selectedWidget?.fillSpans}

							dashboardId={dashboardId}

							selectedGraph={graphType}

							enableDrillDown={isDrilldownEnabled()}

							selectedDashboard={selectedDashboard}

						/>

					);

				}

				export interface DashboardWidgetPageParams {

					dashboardId: string;

				}

				export default DashboardWidget;

									
										30

frontend/src/pages/DashboardsListPage/__tests__/DashboardListPage.test.tsx
									
												View File
												
				@@ -8,7 +8,6 @@ import {

				} from 'mocks-server/__mockdata__/dashboards';

				import { server } from 'mocks-server/server';

				import { rest } from 'msw';

				import { DashboardProvider } from 'providers/Dashboard/Dashboard';

				import { fireEvent, render, waitFor } from 'tests/test-utils';

				jest.mock('container/DashboardContainer/DashboardDescription/utils', () => ({

				@@ -19,11 +18,6 @@ jest.mock('container/DashboardContainer/DashboardDescription/utils', () => ({

				jest.mock('react-router-dom', () => ({

					...jest.requireActual('react-router-dom'),

					useLocation: jest.fn(),

					useRouteMatch: jest.fn().mockReturnValue({

						params: {

							dashboardId: 4,

						},

					}),

				}));

				const mockWindowOpen = jest.fn();

				@@ -47,9 +41,7 @@ describe('dashboard list page', () => {

							<MemoryRouter

								initialEntries={['/dashbords?columnKey=asgard&order=stones&page=1']}

							>

								<DashboardProvider>

									<DashboardsList />

								</DashboardProvider>

								<DashboardsList />

							</MemoryRouter>,

						);

				@@ -71,9 +63,7 @@ describe('dashboard list page', () => {

							<MemoryRouter

								initialEntries={['/dashbords?columnKey=createdAt&order=descend&page=1']}

							>

								<DashboardProvider>

									<DashboardsList />

								</DashboardProvider>

								<DashboardsList />

							</MemoryRouter>,

						);

				@@ -92,9 +82,7 @@ describe('dashboard list page', () => {

									'/dashbords?columnKey=createdAt&order=descend&page=1&search=tho',

								]}

							>

								<DashboardProvider>

									<DashboardsList />

								</DashboardProvider>

								<DashboardsList />

							</MemoryRouter>,

						);

				@@ -135,9 +123,7 @@ describe('dashboard list page', () => {

									'/dashbords?columnKey=createdAt&order=descend&page=1&search=tho',

								]}

							>

								<DashboardProvider>

									<DashboardsList />

								</DashboardProvider>

								<DashboardsList />

							</MemoryRouter>,

						);

				@@ -164,9 +150,7 @@ describe('dashboard list page', () => {

									'/dashbords?columnKey=createdAt&order=descend&page=1&search=tho',

								]}

							>

								<DashboardProvider>

									<DashboardsList />

								</DashboardProvider>

								<DashboardsList />

							</MemoryRouter>,

						);

				@@ -196,9 +180,7 @@ describe('dashboard list page', () => {

									'/dashbords?columnKey=createdAt&order=descend&page=1&search=tho',

								]}

							>

								<DashboardProvider>

									<DashboardsList />

								</DashboardProvider>

								<DashboardsList />

							</MemoryRouter>,

						);

									
										33

frontend/src/providers/Dashboard/Dashboard.tsx
									
												View File
												
				@@ -14,13 +14,11 @@ import { useTranslation } from 'react-i18next';

				import { useMutation, useQuery, UseQueryResult } from 'react-query';

				// eslint-disable-next-line no-restricted-imports

				import { useDispatch, useSelector } from 'react-redux';

				import { useRouteMatch } from 'react-router-dom';

				import { Modal } from 'antd';

				import getDashboard from 'api/v1/dashboards/id/get';

				import locked from 'api/v1/dashboards/id/lock';

				import { ALL_SELECTED_VALUE } from 'components/NewSelect/utils';

				import { REACT_QUERY_KEY } from 'constants/reactQueryKeys';

				import ROUTES from 'constants/routes';

				import dayjs, { Dayjs } from 'dayjs';

				import { useDashboardVariablesFromLocalStorage } from 'hooks/dashboard/useDashboardFromLocalStorage';

				import useVariablesFromUrl from 'hooks/dashboard/useVariablesFromUrl';

				@@ -83,14 +81,11 @@ export const DashboardContext = createContext<IDashboardContext>({

					setColumnWidths: () => {},

				});

				interface Props {

					dashboardId: string;

				}

				// eslint-disable-next-line sonarjs/cognitive-complexity

				export function DashboardProvider({

					children,

				}: PropsWithChildren): JSX.Element {

					dashboardId,

				}: PropsWithChildren<{ dashboardId: string }>): JSX.Element {

					const [isDashboardSliderOpen, setIsDashboardSlider] = useState<boolean>(false);

					const [isDashboardLocked, setIsDashboardLocked] = useState<boolean>(false);

				@@ -100,11 +95,6 @@ export function DashboardProvider({

						setDashboardQueryRangeCalled,

					] = useState<boolean>(false);

					const isDashboardPage = useRouteMatch<Props>({

						path: ROUTES.DASHBOARD,

						exact: true,

					});

					const { showErrorModal } = useErrorModal();

					const dispatch = useDispatch<Dispatch<AppActions>>();

				@@ -115,11 +105,6 @@ export function DashboardProvider({

					const [onModal, Content] = Modal.useModal();

					const isDashboardWidgetPage = useRouteMatch<Props>({

						path: ROUTES.DASHBOARD_WIDGET,

						exact: true,

					});

					const [layouts, setLayouts] = useState<Layout[]>([]);

					const [panelMap, setPanelMap] = useState<

				@@ -128,11 +113,6 @@ export function DashboardProvider({

					const { isLoggedIn } = useAppContext();

					const dashboardId =

						(isDashboardPage

							? isDashboardPage.params.dashboardId

							: isDashboardWidgetPage?.params.dashboardId) || '';

					const [selectedDashboard, setSelectedDashboard] = useState<Dashboard>();

					const dashboardVariables = useDashboardVariablesSelector((s) => s.variables);

					const savedDashboardId = useDashboardVariablesSelector((s) => s.dashboardId);

				@@ -267,12 +247,11 @@ export function DashboardProvider({

					const dashboardResponse = useQuery(

						[

							REACT_QUERY_KEY.DASHBOARD_BY_ID,

							isDashboardPage?.params,

							dashboardId,

							globalTime.isAutoRefreshDisabled,

						],

						{

							enabled: (!!isDashboardPage || !!isDashboardWidgetPage) && isLoggedIn,

							enabled: !!dashboardId && isLoggedIn,

							queryFn: async () => {

								setIsDashboardFetching(true);

								try {

				@@ -392,11 +371,7 @@ export function DashboardProvider({

					useEffect(() => {

						// make the call on tab visibility only if the user is on dashboard / widget page

						if (

							isVisible &&

							updatedTimeRef.current &&

							(!!isDashboardPage || !!isDashboardWidgetPage)

						) {

						if (isVisible && updatedTimeRef.current && !!dashboardId) {

							dashboardResponse.refetch();

						}

						// eslint-disable-next-line react-hooks/exhaustive-deps

									
										154

frontend/src/providers/Dashboard/__tests__/Dashboard.test.tsx
									
												View File
												
				@@ -2,11 +2,10 @@ import { QueryClient, QueryClientProvider } from 'react-query';

				// eslint-disable-next-line no-restricted-imports

				import { useSelector } from 'react-redux';

				import { MemoryRouter } from 'react-router-dom';

				import { render, screen, waitFor } from '@testing-library/react';

				import { render, RenderResult, screen, waitFor } from '@testing-library/react';

				import getDashboard from 'api/v1/dashboards/id/get';

				import { DASHBOARD_CACHE_TIME_ON_REFRESH_ENABLED } from 'constants/queryCacheTime';

				import { REACT_QUERY_KEY } from 'constants/reactQueryKeys';

				import ROUTES from 'constants/routes';

				import { DashboardProvider, useDashboard } from 'providers/Dashboard/Dashboard';

				import { IDashboardVariable } from 'types/api/dashboard/getAll';

				@@ -19,30 +18,28 @@ jest.mock('api/v1/dashboards/id/get');

				jest.mock('api/v1/dashboards/id/lock');

				const mockGetDashboard = jest.mocked(getDashboard);

				// Mock useRouteMatch to simulate different route scenarios

				const mockUseRouteMatch = jest.fn();

				jest.mock('react-router-dom', () => ({

					...jest.requireActual('react-router-dom'),

					useRouteMatch: (): any => mockUseRouteMatch(),

				}));

				// Mock other dependencies

				jest.mock('hooks/useSafeNavigate', () => ({

					useSafeNavigate: (): any => ({

					useSafeNavigate: (): { safeNavigate: jest.Mock } => ({

						safeNavigate: jest.fn(),

					}),

				}));

				// Mock only the essential dependencies for Dashboard provider

				jest.mock('providers/App/App', () => ({

					useAppContext: (): any => ({

					useAppContext: (): {

						isLoggedIn: boolean;

						user: { email: string; role: string };

					} => ({

						isLoggedIn: true,

						user: { email: 'test@example.com', role: 'ADMIN' },

					}),

				}));

				jest.mock('providers/ErrorModalProvider', () => ({

					useErrorModal: (): any => ({ showErrorModal: jest.fn() }),

					useErrorModal: (): { showErrorModal: jest.Mock } => ({

						showErrorModal: jest.fn(),

					}),

				}));

				jest.mock('react-redux', () => ({

				@@ -60,11 +57,10 @@ jest.mock('uuid', () => ({ v4: jest.fn(() => 'mock-uuid') }));

				function TestComponent(): JSX.Element {

					const { dashboardResponse, selectedDashboard } = useDashboard();

					const { dashboardVariables } = useDashboardVariables();

					const dashboardId = selectedDashboard?.id;

					return (

						<div>

							<div data-testid="dashboard-id">{dashboardId}</div>

							<div data-testid="dashboard-id">{selectedDashboard?.id}</div>

							<div data-testid="query-status">{dashboardResponse.status}</div>

							<div data-testid="is-loading">{dashboardResponse.isLoading.toString()}</div>

							<div data-testid="is-fetching">

				@@ -94,27 +90,15 @@ function createTestQueryClient(): QueryClient {

				// Helper to render with dashboard provider

				function renderWithDashboardProvider(

					initialRoute = '/dashboard/test-dashboard-id',

					routeMatchParams?: { dashboardId: string } | null,

				): any {

					dashboardId = 'test-dashboard-id',

				): RenderResult {

					const queryClient = createTestQueryClient();

					// Mock the route match

					mockUseRouteMatch.mockReturnValue(

						routeMatchParams

							? {

									path: ROUTES.DASHBOARD,

									url: `/dashboard/${routeMatchParams.dashboardId}`,

									isExact: true,

									params: routeMatchParams,

							  }

							: null,

					);

					const initialRoute = dashboardId ? `/dashboard/${dashboardId}` : '/dashboard';

					return render(

						<QueryClientProvider client={queryClient}>

							<MemoryRouter initialEntries={[initialRoute]}>

								<DashboardProvider>

								<DashboardProvider dashboardId={dashboardId}>

									<TestComponent />

								</DashboardProvider>

							</MemoryRouter>

				@@ -188,7 +172,7 @@ describe('Dashboard Provider - Query Key with Route Params', () => {

					describe('Query Key Behavior', () => {

						it('should include route params in query key when on dashboard page', async () => {

							const dashboardId = 'test-dashboard-id';

							renderWithDashboardProvider(`/dashboard/${dashboardId}`, { dashboardId });

							renderWithDashboardProvider(dashboardId);

							await waitFor(() => {

								expect(mockGetDashboard).toHaveBeenCalledWith({ id: dashboardId });

				@@ -203,30 +187,17 @@ describe('Dashboard Provider - Query Key with Route Params', () => {

							const newDashboardId = 'new-dashboard-id';

							// First render with initial dashboard ID

							const { rerender } = renderWithDashboardProvider(

								`/dashboard/${initialDashboardId}`,

								{

									dashboardId: initialDashboardId,

								},

							);

							const { rerender } = renderWithDashboardProvider(initialDashboardId);

							await waitFor(() => {

								expect(mockGetDashboard).toHaveBeenCalledWith({ id: initialDashboardId });

							});

							// Change route params to simulate navigation

							mockUseRouteMatch.mockReturnValue({

								path: ROUTES.DASHBOARD,

								url: `/dashboard/${newDashboardId}`,

								isExact: true,

								params: { dashboardId: newDashboardId },

							});

							// Rerender with new route

							// Rerender with new dashboard ID prop

							rerender(

								<QueryClientProvider client={createTestQueryClient()}>

									<MemoryRouter initialEntries={[`/dashboard/${newDashboardId}`]}>

										<DashboardProvider>

										<DashboardProvider dashboardId={newDashboardId}>

											<TestComponent />

										</DashboardProvider>

									</MemoryRouter>

				@@ -241,50 +212,24 @@ describe('Dashboard Provider - Query Key with Route Params', () => {

							expect(mockGetDashboard).toHaveBeenCalledTimes(2);

						});

						it('should not fetch when not on dashboard page', () => {

							// Mock no route match (not on dashboard page)

							mockUseRouteMatch.mockReturnValue(null);

							renderWithDashboardProvider('/some-other-page', null);

						it('should not fetch when no dashboardId is provided', () => {

							renderWithDashboardProvider('');

							// Should not call the API

							expect(mockGetDashboard).not.toHaveBeenCalled();

						});

						it('should handle undefined route params gracefully', async () => {

							// Mock route match with undefined params

							mockUseRouteMatch.mockReturnValue({

								path: ROUTES.DASHBOARD,

								url: '/dashboard/undefined',

								isExact: true,

								params: undefined,

							});

							renderWithDashboardProvider('/dashboard/undefined');

							// Should not call API when params are undefined

							expect(mockGetDashboard).not.toHaveBeenCalled();

						});

					});

					describe('Cache Behavior', () => {

						it('should create separate cache entries for different route params', async () => {

						it('should create separate cache entries for different dashboardIds', async () => {

							const queryClient = createTestQueryClient();

							const dashboardId1 = 'dashboard-1';

							const dashboardId2 = 'dashboard-2';

							// First dashboard

							mockUseRouteMatch.mockReturnValue({

								path: ROUTES.DASHBOARD,

								url: `/dashboard/${dashboardId1}`,

								isExact: true,

								params: { dashboardId: dashboardId1 },

							});

							const { rerender } = render(

								<QueryClientProvider client={queryClient}>

									<MemoryRouter initialEntries={[`/dashboard/${dashboardId1}`]}>

										<DashboardProvider>

										<DashboardProvider dashboardId={dashboardId1}>

											<TestComponent />

										</DashboardProvider>

									</MemoryRouter>

				@@ -295,18 +240,10 @@ describe('Dashboard Provider - Query Key with Route Params', () => {

								expect(mockGetDashboard).toHaveBeenCalledWith({ id: dashboardId1 });

							});

							// Second dashboard

							mockUseRouteMatch.mockReturnValue({

								path: ROUTES.DASHBOARD,

								url: `/dashboard/${dashboardId2}`,

								isExact: true,

								params: { dashboardId: dashboardId2 },

							});

							rerender(

								<QueryClientProvider client={queryClient}>

									<MemoryRouter initialEntries={[`/dashboard/${dashboardId2}`]}>

										<DashboardProvider>

										<DashboardProvider dashboardId={dashboardId2}>

											<TestComponent />

										</DashboardProvider>

									</MemoryRouter>

				@@ -325,13 +262,11 @@ describe('Dashboard Provider - Query Key with Route Params', () => {

							expect(cacheKeys).toHaveLength(2);

							expect(cacheKeys[0]).toEqual([

								REACT_QUERY_KEY.DASHBOARD_BY_ID,

								{ dashboardId: dashboardId1 },

								dashboardId1,

								true, // globalTime.isAutoRefreshDisabled

							]);

							expect(cacheKeys[1]).toEqual([

								REACT_QUERY_KEY.DASHBOARD_BY_ID,

								{ dashboardId: dashboardId2 },

								dashboardId2,

								true, // globalTime.isAutoRefreshDisabled

							]);

				@@ -348,17 +283,10 @@ describe('Dashboard Provider - Query Key with Route Params', () => {

							const queryClient = createTestQueryClient();

							const dashboardId = 'auto-refresh-dashboard';

							mockUseRouteMatch.mockReturnValue({

								path: ROUTES.DASHBOARD,

								url: `/dashboard/${dashboardId}`,

								isExact: true,

								params: { dashboardId },

							});

							render(

								<QueryClientProvider client={queryClient}>

									<MemoryRouter initialEntries={[`/dashboard/${dashboardId}`]}>

										<DashboardProvider>

										<DashboardProvider dashboardId={dashboardId}>

											<TestComponent />

										</DashboardProvider>

									</MemoryRouter>

				@@ -375,7 +303,7 @@ describe('Dashboard Provider - Query Key with Route Params', () => {

								.find(

									(query) =>

										query.queryKey[0] === REACT_QUERY_KEY.DASHBOARD_BY_ID &&

										query.queryKey[3] === false,

										query.queryKey[2] === false,

								);

							expect(dashboardQuery).toBeDefined();

							expect((dashboardQuery as { cacheTime: number }).cacheTime).toBe(

				@@ -437,9 +365,7 @@ describe('Dashboard Provider - URL Variables Integration', () => {

							// Empty URL variables - tests initialization flow

							mockGetUrlVariables.mockReturnValue({});

							renderWithDashboardProvider(`/dashboard/${DASHBOARD_ID}`, {

								dashboardId: DASHBOARD_ID,

							});

							renderWithDashboardProvider(DASHBOARD_ID);

							await waitFor(() => {

								expect(mockGetDashboard).toHaveBeenCalledWith({ id: DASHBOARD_ID });

				@@ -493,9 +419,7 @@ describe('Dashboard Provider - URL Variables Integration', () => {

								.mockReturnValueOnce('development')

								.mockReturnValueOnce(['db', 'cache']);

							renderWithDashboardProvider(`/dashboard/${DASHBOARD_ID}`, {

								dashboardId: DASHBOARD_ID,

							});

							renderWithDashboardProvider(DASHBOARD_ID);

							await waitFor(() => {

								expect(mockGetDashboard).toHaveBeenCalledWith({ id: DASHBOARD_ID });

				@@ -555,9 +479,7 @@ describe('Dashboard Provider - URL Variables Integration', () => {

							mockGetUrlVariables.mockReturnValue(urlVariables);

							renderWithDashboardProvider(`/dashboard/${DASHBOARD_ID}`, {

								dashboardId: DASHBOARD_ID,

							});

							renderWithDashboardProvider(DASHBOARD_ID);

							await waitFor(() => {

								expect(mockGetDashboard).toHaveBeenCalledWith({ id: DASHBOARD_ID });

				@@ -593,9 +515,7 @@ describe('Dashboard Provider - URL Variables Integration', () => {

								.mockReturnValueOnce('development')

								.mockReturnValueOnce(['api']);

							renderWithDashboardProvider(`/dashboard/${DASHBOARD_ID}`, {

								dashboardId: DASHBOARD_ID,

							});

							renderWithDashboardProvider(DASHBOARD_ID);

							await waitFor(() => {

								// Verify normalization was called with the specific values and variable configs

				@@ -662,9 +582,7 @@ describe('Dashboard Provider - Textbox Variable Backward Compatibility', () => {

							} as any);

							/* eslint-enable @typescript-eslint/no-explicit-any */

							renderWithDashboardProvider(`/dashboard/${DASHBOARD_ID}`, {

								dashboardId: DASHBOARD_ID,

							});

							renderWithDashboardProvider(DASHBOARD_ID);

							await waitFor(() => {

								expect(mockGetDashboard).toHaveBeenCalledWith({ id: DASHBOARD_ID });

				@@ -706,9 +624,7 @@ describe('Dashboard Provider - Textbox Variable Backward Compatibility', () => {

							} as any);

							/* eslint-enable @typescript-eslint/no-explicit-any */

							renderWithDashboardProvider(`/dashboard/${DASHBOARD_ID}`, {

								dashboardId: DASHBOARD_ID,

							});

							renderWithDashboardProvider(DASHBOARD_ID);

							await waitFor(() => {

								expect(mockGetDashboard).toHaveBeenCalledWith({ id: DASHBOARD_ID });

				@@ -751,9 +667,7 @@ describe('Dashboard Provider - Textbox Variable Backward Compatibility', () => {

							} as any);

							/* eslint-enable @typescript-eslint/no-explicit-any */

							renderWithDashboardProvider(`/dashboard/${DASHBOARD_ID}`, {

								dashboardId: DASHBOARD_ID,

							});

							renderWithDashboardProvider(DASHBOARD_ID);

							await waitFor(() => {

								expect(mockGetDashboard).toHaveBeenCalledWith({ id: DASHBOARD_ID });

				@@ -795,9 +709,7 @@ describe('Dashboard Provider - Textbox Variable Backward Compatibility', () => {

							} as any);

							/* eslint-enable @typescript-eslint/no-explicit-any */

							renderWithDashboardProvider(`/dashboard/${DASHBOARD_ID}`, {

								dashboardId: DASHBOARD_ID,

							});

							renderWithDashboardProvider(DASHBOARD_ID);

							await waitFor(() => {

								expect(mockGetDashboard).toHaveBeenCalledWith({ id: DASHBOARD_ID });

Compare commits

2 Commits

platform-p ... debug_time

43

frontend/src/AppRoutes/index.tsx

View File

7

frontend/src/components/CustomTimePicker/CustomTimePicker.tsx

View File

11

frontend/src/container/DashboardContainer/DashboardDescription/tests/DashboardDescription.test.tsx

View File

17

frontend/src/container/LogsPanelTable/tests/LogsPanelComponent.test.tsx

View File

95

frontend/src/container/NewWidget/LeftContainer/QuerySection/index.tsx

View File

7

frontend/src/container/NewWidget/LeftContainer/index.tsx

View File

5

frontend/src/container/NewWidget/RightContainer/tests/RightContainer.test.tsx

View File

12

frontend/src/container/NewWidget/test/NewWidget.test.tsx

View File

35

frontend/src/container/NewWidget/index.tsx

View File

7

frontend/src/container/NewWidget/types.ts

View File

1

frontend/src/hooks/queryBuilder/useCreateAlerts.tsx

View File

15

frontend/src/pages/DashboardPage/index.tsx

View File

108

frontend/src/pages/DashboardWidget/index.tsx

View File

30

frontend/src/pages/DashboardsListPage/tests/DashboardListPage.test.tsx

View File

33

frontend/src/providers/Dashboard/Dashboard.tsx

View File

154

frontend/src/providers/Dashboard/tests/Dashboard.test.tsx

View File

Compare commits

2 Commits platform-p ... debug_time

43 frontend/src/AppRoutes/index.tsx Unescape Escape View File

7 frontend/src/components/CustomTimePicker/CustomTimePicker.tsx Unescape Escape View File

11 frontend/src/container/DashboardContainer/DashboardDescription/__tests__/DashboardDescription.test.tsx Unescape Escape View File

17 frontend/src/container/LogsPanelTable/__tests__/LogsPanelComponent.test.tsx Unescape Escape View File

95 frontend/src/container/NewWidget/LeftContainer/QuerySection/index.tsx Unescape Escape View File

7 frontend/src/container/NewWidget/LeftContainer/index.tsx Unescape Escape View File

5 frontend/src/container/NewWidget/RightContainer/__tests__/RightContainer.test.tsx Unescape Escape View File

12 frontend/src/container/NewWidget/__test__/NewWidget.test.tsx Unescape Escape View File

35 frontend/src/container/NewWidget/index.tsx Unescape Escape View File

7 frontend/src/container/NewWidget/types.ts Unescape Escape View File

1 frontend/src/hooks/queryBuilder/useCreateAlerts.tsx Unescape Escape View File

15 frontend/src/pages/DashboardPage/index.tsx Unescape Escape View File

108 frontend/src/pages/DashboardWidget/index.tsx Unescape Escape View File

30 frontend/src/pages/DashboardsListPage/__tests__/DashboardListPage.test.tsx Unescape Escape View File

33 frontend/src/providers/Dashboard/Dashboard.tsx Unescape Escape View File

154 frontend/src/providers/Dashboard/__tests__/Dashboard.test.tsx Unescape Escape View File

2 Commits

platform-p ... debug_time

43

frontend/src/AppRoutes/index.tsx

View File

7

frontend/src/components/CustomTimePicker/CustomTimePicker.tsx

View File

11

frontend/src/container/DashboardContainer/DashboardDescription/tests/DashboardDescription.test.tsx

View File

17

frontend/src/container/LogsPanelTable/tests/LogsPanelComponent.test.tsx

View File

95

frontend/src/container/NewWidget/LeftContainer/QuerySection/index.tsx

View File

7

frontend/src/container/NewWidget/LeftContainer/index.tsx

View File

5

frontend/src/container/NewWidget/RightContainer/tests/RightContainer.test.tsx

View File

12

frontend/src/container/NewWidget/test/NewWidget.test.tsx

View File

35

frontend/src/container/NewWidget/index.tsx

View File

7

frontend/src/container/NewWidget/types.ts

View File

1

frontend/src/hooks/queryBuilder/useCreateAlerts.tsx

View File

15

frontend/src/pages/DashboardPage/index.tsx

View File

108

frontend/src/pages/DashboardWidget/index.tsx

View File

30

frontend/src/pages/DashboardsListPage/tests/DashboardListPage.test.tsx

View File

33

frontend/src/providers/Dashboard/Dashboard.tsx

View File

154

frontend/src/providers/Dashboard/tests/Dashboard.test.tsx

View File