diff --git a/frontend/src/container/GridGraphLayout/Graph/index.tsx b/frontend/src/container/GridGraphLayout/Graph/index.tsx
index 60a086befa..74ff7c8511 100644
--- a/frontend/src/container/GridGraphLayout/Graph/index.tsx
+++ b/frontend/src/container/GridGraphLayout/Graph/index.tsx
@@ -23,7 +23,7 @@ import { Widgets } from 'types/api/dashboard/getAll';
import Bar from './Bar';
import FullView from './FullView';
-import { Modal, FullViewContainer } from './styles';
+import { Modal, FullViewContainer, ErrorContainer } from './styles';
const GridCardGraph = ({
widget,
@@ -131,7 +131,17 @@ const GridCardGraph = ({
}, [deleteWidget, widget, onToggleModal, isDeleted]);
if (state.error) {
- return
{state.errorMessage}
;
+ return (
+ <>
+ onToggleModal(setModal)}
+ widget={widget}
+ onDeleteHandler={(): void => onToggleModal(setDeletModal)}
+ />
+
+ {state.errorMessage}
+ >
+ );
}
if (state.loading === true || state.payload === undefined) {
diff --git a/frontend/src/container/GridGraphLayout/Graph/styles.ts b/frontend/src/container/GridGraphLayout/Graph/styles.ts
index 61f4c7c9c9..7a5d9f1a62 100644
--- a/frontend/src/container/GridGraphLayout/Graph/styles.ts
+++ b/frontend/src/container/GridGraphLayout/Graph/styles.ts
@@ -15,3 +15,9 @@ export const Modal = styled(ModalComponent)`
export const FullViewContainer = styled.div`
height: 70vh;
`;
+
+export const ErrorContainer = styled.div`
+ margin-top: 2rem;
+ padding-left: 2rem;
+ padding-right: 2rem;
+`;