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

Merge pull request #677 from SoniaisMad/fix/dashboard-api-call-apply-button

Browse Source 
fix: Dashboard page does not call API on clicking on apply button
This commit is contained in:
Ankit Nayan 2022-02-11 16:09:19 +05:30 committed by GitHub
commit 0df3052e13
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/src/container/NewWidget/index.tsx
View File

@ -17,6 +17,7 @@ import {
SaveDashboard,
SaveDashboardProps,
} from 'store/actions/dashboard/saveDashboard';
import { UpdateQuery, UpdateQueryProps } from 'store/actions/dashboard/updateQuery';
import { AppState } from 'store/reducers';
import AppActions from 'types/actions';
import { GlobalTime } from 'types/actions/globalTime';
@ -39,6 +40,7 @@ const NewWidget = ({
applySettingsToPanel,
saveSettingOfPanel,
getQueryResults,
updateQuery
}: Props): JSX.Element => {
const { dashboards } = useSelector<AppState, DashboardReducer>(
(state) => state.dashboards,
@ -120,7 +122,16 @@ const NewWidget = ({
dashboardId,
]);
const onClickApplyHandler = useCallback(() => {
const onClickApplyHandler = () => {
selectedWidget?.query.forEach((element, index) => {
updateQuery({
widgetId: selectedWidget?.id || '',
query: element.query || '',
legend: element.legend || '',
currentIndex: index
});
})
applySettingsToPanel({
description,
isStacked: stacked,
@ -130,16 +141,7 @@ const NewWidget = ({
title,
widgetId: selectedWidget?.id || '',
});
}, [
applySettingsToPanel,
description,
opacity,
selectedTime,
selectedWidget?.id,
selectedNullZeroValue,
stacked,
title,
]);
}
const onClickDiscardHandler = useCallback(() => {
push(generatePath(ROUTES.DASHBOARD, { dashboardId }));
@ -220,6 +222,9 @@ interface DispatchProps {
getQueryResults: (
props: GetQueryResultsProps,
) => (dispatch: Dispatch<AppActions>) => void;
updateQuery: (
props: UpdateQueryProps,
) => (dispatch: Dispatch<AppActions>) => void;
}
const mapDispatchToProps = (
@ -228,6 +233,7 @@ const mapDispatchToProps = (
applySettingsToPanel: bindActionCreators(ApplySettingsToPanel, dispatch),
saveSettingOfPanel: bindActionCreators(SaveDashboard, dispatch),
getQueryResults: bindActionCreators(GetQueryResults, dispatch),
updateQuery: bindActionCreators(UpdateQuery, dispatch)
});
type Props = DispatchProps & NewWidgetProps;