GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-14 06:05:58 +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

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

@ -124,6 +124,38 @@ const GridCardGraph = ({
[], [],
); );
const getModals = () => {
return (
<>
<Modal
destroyOnClose
onCancel={(): void => onToggleModal(setDeletModal)}
visible={deleteModal}
title="Delete"
height="10vh"
onOk={onDeleteHandler}
centered
>
<Typography>Are you sure you want to delete this widget</Typography>
</Modal>
<Modal
title="View"
footer={[]}
centered
visible={modal}
onCancel={(): void => onToggleModal(setModal)}
width="85%"
destroyOnClose
>
<FullViewContainer>
<FullView name={name} widget={widget} />
</FullViewContainer>
</Modal>
</>
);
};
const onDeleteHandler = useCallback(() => { const onDeleteHandler = useCallback(() => {
deleteWidget({ widgetId: widget.id }); deleteWidget({ widgetId: widget.id });
onToggleModal(setDeletModal); onToggleModal(setDeletModal);
@ -133,6 +165,7 @@ const GridCardGraph = ({
if (state.error) { if (state.error) {
return ( return (
<> <>
{getModals()}
<Bar <Bar
onViewFullScreenHandler={(): void => onToggleModal(setModal)} onViewFullScreenHandler={(): void => onToggleModal(setModal)}
widget={widget} widget={widget}
@ -156,31 +189,7 @@ const GridCardGraph = ({
onDeleteHandler={(): void => onToggleModal(setDeletModal)} onDeleteHandler={(): void => onToggleModal(setDeletModal)}
/> />
<Modal {getModals()}
destroyOnClose
onCancel={(): void => onToggleModal(setDeletModal)}
visible={deleteModal}
title="Delete"
height="10vh"
onOk={onDeleteHandler}
centered
>
<Typography>Are you sure you want to delete this widget</Typography>
</Modal>
<Modal
title="View"
footer={[]}
centered
visible={modal}
onCancel={(): void => onToggleModal(setModal)}
width="85%"
destroyOnClose
>
<FullViewContainer>
<FullView name={name} widget={widget} />
</FullViewContainer>
</Modal>
<GridGraphComponent <GridGraphComponent
{...{ {...{