schiwagoa/tianji
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: move delete button into more button dropdown

Browse Source
This commit is contained in:
moonrailgun 2024-02-08 15:56:21 +08:00
parent e9b783f047
commit 70c60b5ee1
1 changed files with 26 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/client/components/monitor/MonitorInfo.tsx
View File

@ -94,14 +94,24 @@ export const MonitorInfo: React.FC<MonitorInfoProps> = React.memo((props) => {
});
const handleDelete = useEvent(async () => {
Modal.confirm({
title: 'Warning',
content: 'Did you sure delete this monitor?',
okButtonProps: {
danger: true,
},
onOk: async () => {
await deleteMutation.mutateAsync({
workspaceId,
monitorId,
});
await trpcUtils.monitor.all.refetch();
trpcUtils.monitor.all.refetch();
navigate('/monitor');
navigate('/monitor', {
replace: true,
});
},
});
});
const handleClearEvents = useEvent(() => {
@ -205,13 +215,6 @@ export const MonitorInfo: React.FC<MonitorInfoProps> = React.memo((props) => {
</Button>
)}
<Popconfirm
title="Did you sure delete this monitor?"
onConfirm={handleDelete}
>
<Button danger={true}>Delete</Button>
</Popconfirm>
<Dropdown
trigger={['click']}
placement="bottomRight"
@ -222,6 +225,15 @@ export const MonitorInfo: React.FC<MonitorInfoProps> = React.memo((props) => {
label: 'Show Badge',
onClick: () => setShowBadge(true),
},
{
type: 'divider',
},
{
key: 'delete',
label: 'Delete',
danger: true,
onClick: handleDelete,
},
],
}}
>