fix: Trigger Save layout only on title (#2039)

* fix: Trigger Save layout only on title

* chore: code improvement

* fix: Lint issues resolved

Co-authored-by: Palash Gupta <palashgdev@gmail.com>

frontend/src/container/GridGraphLayout/Graph/index.tsx

@@ -213,19 +213,29 @@ function GridCardGraph({
 		);
 	};
 
+	const handleOnView = (): void => {
+		onToggleModal(setModal);
+	};
+
+	const handleOnDelete = (): void => {
+		onToggleModal(setDeleteModal);
+	};
+
 	const isEmptyLayout = widget?.id === 'empty' || isEmpty(widget);
 
 	if (state.error && !isEmptyLayout) {
 		return (
 			<>
 				{getModals()}
+				<div className="drag-handle">
 					<WidgetHeader
 						parentHover={hovered}
 						title={widget?.title}
 						widget={widget}
-					onView={(): void => onToggleModal(setModal)}
+						onView={handleOnView}
-					onDelete={(): void => onToggleModal(setDeleteModal)}
+						onDelete={handleOnDelete}
 					/>
+				</div>
 
 				<ErrorContainer>{state.errorMessage}</ErrorContainer>
 			</>
@@ -255,6 +265,7 @@ function GridCardGraph({
 			}}
 		>
 			{!isEmptyLayout && (
+				<div className="drag-handle">
 					<WidgetHeader
 						parentHover={hovered}
 						title={widget?.title}
@@ -262,6 +273,7 @@ function GridCardGraph({
 						onView={(): void => onToggleModal(setModal)}
 						onDelete={(): void => onToggleModal(setDeleteModal)}
 					/>
+				</div>
 			)}
 
 			{!isEmptyLayout && getModals()}

frontend/src/container/GridGraphLayout/GraphLayout.tsx

@@ -72,6 +72,7 @@ function GraphLayout({
 				useCSSTransforms
 				allowOverlap={false}
 				onLayoutChange={onLayoutChangeHandler}
+				draggableHandle=".drag-handle"
 			>
 				{layouts.map(({ Component, ...rest }) => {
 					const currentWidget = (widgets || [])?.find((e) => e.id === rest.i);