watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-11 16:17:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Fixed cancel of dashboard edit.

Browse source
This commit is contained in:
Mike Cao 2022-08-04 14:30:09 -07:00
parent 1d4aa7c535
commit 42e87a4691
3 changed files with 39 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

18
components/pages/DashboardEdit.js
View file

@ -6,6 +6,7 @@ import Button from 'components/common/Button';
import { useMemo } from 'react';
import { orderByWebsiteMap } from 'lib/format';
import styles from './DashboardEdit.module.css';
import classNames from 'classnames';
const messages = defineMessages({
save: { id: 'label.save', defaultMessage: 'Save' },
@ -45,18 +46,17 @@ export default function DashboardEdit({ data: websites }) {
}
function handleCancel() {
saveDashboard({ editing: false });
saveDashboard({ editing: false, websiteOrder });
}
function handleReset() {
setOrder({});
saveDashboard({ websiteOrder: {} });
}
return (
<>
<div className={styles.buttons}>
<Button onClick={handleSave} size="small">
<Button onClick={handleSave} variant="action" size="small">
{formatMessage(messages.save)}
</Button>
<Button onClick={handleCancel} size="small">
@ -77,15 +77,19 @@ export default function DashboardEdit({ data: websites }) {
>
{ordered.map(({ website_id, name, domain }, index) => (
<Draggable key={website_id} draggableId={`${dragId}-${website_id}`} index={index}>
{provided => (
{(provided, snapshot) => (
<div
ref={provided.innerRef}
className={classNames(styles.item, {
[styles.active]: snapshot.isDragging,
})}
{...provided.draggableProps}
{...provided.dragHandleProps}
className={styles.item}
>
<h1>{name}</h1>
<h2>{domain}</h2>
<div className={styles.text}>
<h1>{name}</h1>
<h2>{domain}</h2>
</div>
</div>
)}
</Draggable>