mirror of
https://github.com/utopia-os/utopia-ui.git
synced 2026-03-01 12:44:17 +00:00
9e6bcf1846
* removed daisy from config * removed tw-elements artefact * removed comments from tailwind config * removed safelist * migrated to tailwind4 and daisyui5 * deleted tailwind.config.js which is not eeded anymore * 3.0.79 * version number * fixed broken layouts * more fixing * more layout fixing * tested theming * small fixes * adapt snapshots to changes * package.json: add unit test update script * more ui refactoring & theme controller * ui improvements * package-lock.json * fix linting * fixed tabs * fix linting * fixed typing --------- Co-authored-by: mahula <lenzmath@posteo.de>
40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
/* eslint-disable @typescript-eslint/no-unsafe-call */
|
|
import PlusIcon from '@heroicons/react/24/outline/PlusIcon'
|
|
|
|
import { useHasUserPermission } from '#components/Map/hooks/usePermissions'
|
|
|
|
import type { LayerProps } from '#types/LayerProps'
|
|
|
|
export function PlusButton({
|
|
layer,
|
|
triggerAction,
|
|
color,
|
|
collection = 'items',
|
|
}: {
|
|
layer?: LayerProps
|
|
triggerAction: any
|
|
color: string
|
|
collection?: string
|
|
}) {
|
|
const hasUserPermission = useHasUserPermission()
|
|
return (
|
|
<>
|
|
{hasUserPermission(collection, 'create', undefined, layer) && (
|
|
<div className='tw:dropdown tw:dropdown-top tw:dropdown-end tw:dropdown-hover tw:z-3000 tw:absolute tw:right-4 tw:bottom-4'>
|
|
<button
|
|
tabIndex={0}
|
|
className='tw:z-500 tw:btn tw:btn-circle tw:shadow'
|
|
onClick={() => {
|
|
triggerAction()
|
|
}}
|
|
style={{ backgroundColor: color, color: '#fff' }}
|
|
>
|
|
<PlusIcon className='tw:w-5 tw:h-5 tw:stroke-[2.5]' />
|
|
</button>
|
|
</div>
|
|
)}
|
|
</>
|
|
)
|
|
}
|