Files
my-links/inertia/components/dashboard/collection/collection_controls.tsx
2024-06-02 23:59:57 +02:00

24 lines
856 B
TypeScript

import PATHS from '#constants/paths';
import { BsThreeDotsVertical } from 'react-icons/bs';
import { HiOutlinePencil } from 'react-icons/hi2';
import { IoIosAddCircleOutline } from 'react-icons/io';
import { IoTrashOutline } from 'react-icons/io5';
import Dropdown from '~/components/common/dropdown/dropdown';
import { DropdownItemLink } from '~/components/common/dropdown/dropdown_item';
const CollectionControls = () => (
<Dropdown label={<BsThreeDotsVertical />}>
<DropdownItemLink href={PATHS.LINK.CREATE}>
<IoIosAddCircleOutline /> Add
</DropdownItemLink>
<DropdownItemLink href={PATHS.COLLECTION.EDIT}>
<HiOutlinePencil /> Edit
</DropdownItemLink>
<DropdownItemLink href={PATHS.COLLECTION.REMOVE} danger>
<IoTrashOutline /> Delete
</DropdownItemLink>
</Dropdown>
);
export default CollectionControls;