mirror of
https://github.com/utopia-os/utopia-ui.git
synced 2025-12-13 07:46:10 +00:00
Ulf Gebhardt
3872a052b6
- Separated types and moved them into the proper ./types folder defined in the tsconfig.json. - Defined a new folder alias `#types`. - New eslint rule to enforce `import type` when a type is imported. - Removed Geometry Class and used manual Point types from `geojson`
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
/* eslint-disable @typescript-eslint/no-unnecessary-condition */
|
|
/* eslint-disable @typescript-eslint/restrict-template-expressions */
|
|
import { Link } from 'react-router-dom'
|
|
|
|
import { useGetItemTags } from '#components/Map/hooks/useTags'
|
|
import { getValue } from '#utils/GetValue'
|
|
|
|
import type { Item } from '#types/Item'
|
|
|
|
export const PopupButton = ({
|
|
url,
|
|
parameterField,
|
|
text,
|
|
colorField,
|
|
item,
|
|
}: {
|
|
url: string
|
|
parameterField?: string
|
|
text: string
|
|
colorField?: string
|
|
item?: Item
|
|
}) => {
|
|
const params = new URLSearchParams(window.location.search)
|
|
const getItemTags = useGetItemTags()
|
|
|
|
return (
|
|
<Link to={`${url}/${parameterField ? getValue(item, parameterField) : ''}?${params}`}>
|
|
<button
|
|
style={{
|
|
backgroundColor: `${colorField && getValue(item, colorField) ? getValue(item, colorField) : item && getItemTags(item) && getItemTags(item)[0] && getItemTags(item)[0].color ? getItemTags(item)[0].color : item?.layer?.markerDefaultColor}`,
|
|
}}
|
|
className='tw-btn tw-text-white tw-btn-sm tw-float-right tw-mt-1'
|
|
>
|
|
{text}
|
|
</button>
|
|
</Link>
|
|
)
|
|
}
|