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

chore: modal is updated in the error state

Browse Source
This commit is contained in:
Palash gupta 2022-02-11 12:00:46 +05:30
parent dc737f385a
commit 744dfd010a
No known key found for this signature in database
GPG Key ID: 8FD05AE6F9150AD6
1 changed files with 34 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
frontend/src/container/GridGraphLayout/Graph/index.tsx
View File

@ -124,38 +124,9 @@ const GridCardGraph = ({
[],
);
const onDeleteHandler = useCallback(() => {
deleteWidget({ widgetId: widget.id });
onToggleModal(setDeletModal);
isDeleted.current = true;
}, [deleteWidget, widget, onToggleModal, isDeleted]);
if (state.error) {
const getModals = () => {
return (
<>
<Bar
onViewFullScreenHandler={(): void => onToggleModal(setModal)}
widget={widget}
onDeleteHandler={(): void => onToggleModal(setDeletModal)}
/>
<ErrorContainer>{state.errorMessage}</ErrorContainer>
</>
);
}
if (state.loading === true || state.payload === undefined) {
return <Spinner height="20vh" tip="Loading..." />;
}
return (
<>
<Bar
onViewFullScreenHandler={(): void => onToggleModal(setModal)}
widget={widget}
onDeleteHandler={(): void => onToggleModal(setDeletModal)}
/>
<Modal
destroyOnClose
onCancel={(): void => onToggleModal(setDeletModal)}
@ -181,6 +152,44 @@ const GridCardGraph = ({
<FullView name={name} widget={widget} />
</FullViewContainer>
</Modal>
</>
);
};
const onDeleteHandler = useCallback(() => {
deleteWidget({ widgetId: widget.id });
onToggleModal(setDeletModal);
isDeleted.current = true;
}, [deleteWidget, widget, onToggleModal, isDeleted]);
if (state.error) {
return (
<>
{getModals()}
<Bar
onViewFullScreenHandler={(): void => onToggleModal(setModal)}
widget={widget}
onDeleteHandler={(): void => onToggleModal(setDeletModal)}
/>
<ErrorContainer>{state.errorMessage}</ErrorContainer>
</>
);
}
if (state.loading === true || state.payload === undefined) {
return <Spinner height="20vh" tip="Loading..." />;
}
return (
<>
<Bar
onViewFullScreenHandler={(): void => onToggleModal(setModal)}
widget={widget}
onDeleteHandler={(): void => onToggleModal(setDeletModal)}
/>
{getModals()}
<GridGraphComponent
{...{