From d1cc29e118702d80810a0f42a1763f63b6a100c3 Mon Sep 17 00:00:00 2001
From: Fellipe Montes <102544529+FellipeMTX@users.noreply.github.com>
Date: Tue, 17 Jan 2023 03:07:30 -0300
Subject: [PATCH] Create: Widget Header in the Loading State #2042 (#2048)

* create a visual loading state with header

* updates loading with WidgetHeader component

* chore: onview and ondelete is updated

Co-authored-by: Palash Gupta <palashgdev@gmail.com>
---
 .../src/container/GridGraphLayout/Graph/index.tsx   | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/frontend/src/container/GridGraphLayout/Graph/index.tsx b/frontend/src/container/GridGraphLayout/Graph/index.tsx
index e9907dcc04..54cba3e8e6 100644
--- a/frontend/src/container/GridGraphLayout/Graph/index.tsx
+++ b/frontend/src/container/GridGraphLayout/Graph/index.tsx
@@ -246,7 +246,18 @@ function GridCardGraph({
 		(state.loading === true || state.payload === undefined) &&
 		!isEmptyLayout
 	) {
-		return <Spinner height="20vh" tip="Loading..." />;
+		return (
+			<>
+				<WidgetHeader
+					parentHover={hovered}
+					title={widget?.title}
+					widget={widget}
+					onView={handleOnView}
+					onDelete={handleOnDelete}
+				/>
+				<Spinner height="20vh" tip="Loading..." />
+			</>
+		);
 	}
 
 	return (