mirror of
https://github.com/utopia-os/utopia-ui.git
synced 2026-03-01 12:44:17 +00:00
0f7490aa39
* simplified icon config * fixed linting * fixed linting * fix linting and searchControl * adjust useSelectPosition * adjust useSelectPosition * fixed presets * removed menuIcon artefacts * fix example * adjust icon size in addButton
36 lines
1.3 KiB
TypeScript
36 lines
1.3 KiB
TypeScript
import type { Item } from '#types/Item'
|
|
import type { LayerProps } from '#types/LayerProps'
|
|
|
|
export const SelectPosition = ({
|
|
setSelectNewItemPosition,
|
|
selectNewItemPosition,
|
|
}: {
|
|
setSelectNewItemPosition: React.Dispatch<React.SetStateAction<Item | LayerProps | null>>
|
|
selectNewItemPosition?: Item | LayerProps | null
|
|
}) => {
|
|
return (
|
|
<div className='tw:animate-pulseGrow tw:button tw:z-1000 tw:absolute tw:right-5 tw:top-4 tw:drop-shadow-md'>
|
|
<label
|
|
className='tw:btn tw:btn-sm tw:rounded-2xl tw:btn-circle tw:btn-ghost tw:hover:bg-transparent tw:absolute tw:right-0 tw:top-0 tw:text-gray-600'
|
|
onClick={() => {
|
|
setSelectNewItemPosition(null)
|
|
}}
|
|
>
|
|
<p className='tw:text-center '>✕</p>
|
|
</label>
|
|
<div className='tw:alert tw:bg-base-100 tw:text-base-content'>
|
|
<div>
|
|
{selectNewItemPosition && 'layer' in selectNewItemPosition && (
|
|
<span className='tw:text-lg'>
|
|
Select new position of <b>{selectNewItemPosition.name}</b> on the map!
|
|
</span>
|
|
)}
|
|
{selectNewItemPosition && 'markerIcon' in selectNewItemPosition && (
|
|
<span className='tw:text-lg'>Select position on the map!</span>
|
|
)}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|