antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2026-04-06 01:25:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

AddButton - plus

Browse Source
This commit is contained in:
Ulf Gebhardt 2025-02-21 12:53:40 +01:00
parent d8267587f1
commit 9e0ba8a93a
Signed by: ulfgebhardt
GPG Key ID: DA6B843E748679C9
1 changed files with 3 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/Components/Map/Subcomponents/AddButton.tsx
View File

@ -1,5 +1,7 @@
/* eslint-disable @typescript-eslint/no-explicit-any */ /* eslint-disable @typescript-eslint/no-explicit-any */
/* eslint-disable @typescript-eslint/no-non-null-assertion */ /* eslint-disable @typescript-eslint/no-non-null-assertion */
import PlusIcon from '@heroicons/react/24/outline/PlusIcon'
import { useLayers } from '#components/Map/hooks/useLayers' import { useLayers } from '#components/Map/hooks/useLayers'
import { useHasUserPermission } from '#components/Map/hooks/usePermissions' import { useHasUserPermission } from '#components/Map/hooks/usePermissions'
@ -30,16 +32,7 @@ export default function AddButton({
{canAddItems() ? ( {canAddItems() ? (
<div className='tw-dropdown tw-dropdown-top tw-dropdown-end tw-dropdown-hover tw-z-500 tw-absolute tw-right-4 tw-bottom-4'> <div className='tw-dropdown tw-dropdown-top tw-dropdown-end tw-dropdown-hover tw-z-500 tw-absolute tw-right-4 tw-bottom-4'>
<label tabIndex={0} className='tw-z-500 tw-btn tw-btn-circle tw-shadow tw-bg-base-100'> <label tabIndex={0} className='tw-z-500 tw-btn tw-btn-circle tw-shadow tw-bg-base-100'>
<svg <PlusIcon className='tw-w-5 tw-h-5' />
xmlns='http://www.w3.org/2000/svg'
fill='none'
viewBox='0 0 24 24'
strokeWidth='3'
stroke='currentColor'
className='tw-w-5 tw-h-5'
>
<path strokeLinecap='round' strokeLinejoin='round' d='M12 4.5v15m7.5-7.5h-15' />
</svg>
</label> </label>
<ul tabIndex={0} className='tw-dropdown-content tw-pr-1 tw-list-none'> <ul tabIndex={0} className='tw-dropdown-content tw-pr-1 tw-list-none'>
{layers.map( {layers.map(