mirror of
https://github.com/mountain-loop/yaak.git
synced 2026-03-24 02:11:10 +01:00
Remove most of Radix UI
This commit is contained in:
30
src-web/components/RequestSettingsDropdown.tsx
Normal file
30
src-web/components/RequestSettingsDropdown.tsx
Normal file
@@ -0,0 +1,30 @@
|
||||
import { memo } from 'react';
|
||||
import { useActiveRequestId } from '../hooks/useActiveRequestId';
|
||||
import { useDeleteRequest } from '../hooks/useDeleteRequest';
|
||||
import { Dropdown } from './core/Dropdown';
|
||||
import { Icon } from './core/Icon';
|
||||
import { IconButton } from './core/IconButton';
|
||||
|
||||
export const RequestSettingsDropdown = memo(function RequestSettingsDropdown() {
|
||||
const activeRequestId = useActiveRequestId();
|
||||
const deleteRequest = useDeleteRequest(activeRequestId ?? null);
|
||||
return (
|
||||
<Dropdown
|
||||
items={[
|
||||
{
|
||||
label: 'Something Else',
|
||||
onSelect: () => null,
|
||||
leftSlot: <Icon icon="camera" />,
|
||||
},
|
||||
'-----',
|
||||
{
|
||||
label: 'Delete Request',
|
||||
onSelect: deleteRequest.mutate,
|
||||
leftSlot: <Icon icon="trash" />,
|
||||
},
|
||||
]}
|
||||
>
|
||||
<IconButton size="sm" title="Request Options" icon="gear" />
|
||||
</Dropdown>
|
||||
);
|
||||
});
|
||||
Reference in New Issue
Block a user