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

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

Browse Source 
* fix: Trigger Save layout only on title

* chore: code improvement

* fix: Lint issues resolved

Co-authored-by: Palash Gupta <palashgdev@gmail.com>
This commit is contained in:
Chintan Sudani 2023-01-13 17:29:51 +05:30 committed by GitHub
parent a82bbe1a72
commit d9535e7a8d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 27 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

1
frontend/src/container/GridGraphLayout/GraphLayout.tsx
View File

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