GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-12 19:39:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: fixed widgets not visible after saving in the dashboard detail (#7106)

Browse Source
This commit is contained in:
SagarRajput-7 2025-02-13 17:04:24 +05:30 committed by GitHub
parent 2d6131c291
commit 50ecf768fa
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/container/GridCardLayout/GridCardLayout.tsx
View File

@ -66,6 +66,7 @@ function GraphLayout(props: GraphLayoutProps): JSX.Element {
dashboardQueryRangeCalled,
setDashboardQueryRangeCalled,
setSelectedRowWidgetId,
isDashboardFetching,
} = useDashboard();
const { data } = selectedDashboard || {};
const { pathname } = useLocation();
@ -231,7 +232,8 @@ function GraphLayout(props: GraphLayoutProps): JSX.Element {
!isEqual(layouts, dashboardLayout) &&
!isDashboardLocked &&
saveLayoutPermission &&
!updateDashboardMutation.isLoading
!updateDashboardMutation.isLoading &&
!isDashboardFetching
) {
onSaveHandler();
}

19
frontend/src/providers/Dashboard/Dashboard.tsx
View File

@ -73,6 +73,7 @@ const DashboardContext = createContext<IDashboardContext>({
setDashboardQueryRangeCalled: () => {},
selectedRowWidgetId: '',
setSelectedRowWidgetId: () => {},
isDashboardFetching: false,
});
interface Props {
@ -192,6 +193,8 @@ export function DashboardProvider({
const { t } = useTranslation(['dashboard']);
const dashboardRef = useRef<Dashboard>();
const [isDashboardFetching, setIsDashboardFetching] = useState<boolean>(false);
const mergeDBWithLocalStorage = (
data: Dashboard,
localStorageVariables: any,
@ -256,10 +259,16 @@ export function DashboardProvider({
[REACT_QUERY_KEY.DASHBOARD_BY_ID, isDashboardPage?.params],
{
enabled: (!!isDashboardPage || !!isDashboardWidgetPage) && isLoggedIn,
queryFn: () =>
getDashboard({
uuid: dashboardId,
}),
queryFn: async () => {
setIsDashboardFetching(true);
try {
return await getDashboard({
uuid: dashboardId,
});
} finally {
setIsDashboardFetching(false);
}
},
refetchOnWindowFocus: false,
onSuccess: (data) => {
const updatedDashboardData = transformDashboardVariables(data);
@ -424,6 +433,7 @@ export function DashboardProvider({
setDashboardQueryRangeCalled,
selectedRowWidgetId,
setSelectedRowWidgetId,
isDashboardFetching,
}),
// eslint-disable-next-line react-hooks/exhaustive-deps
[
@ -445,6 +455,7 @@ export function DashboardProvider({
setDashboardQueryRangeCalled,
selectedRowWidgetId,
setSelectedRowWidgetId,
isDashboardFetching,
],
);

1
frontend/src/providers/Dashboard/types.ts
View File

@ -47,4 +47,5 @@ export interface IDashboardContext {
setDashboardQueryRangeCalled: (value: boolean) => void;
selectedRowWidgetId: string | null;
setSelectedRowWidgetId: React.Dispatch<React.SetStateAction<string | null>>;
isDashboardFetching: boolean;
}