5de2a993a7
Switches out all the old icons to new ones, and moves them to the design system. The new icons are of three different types: Materialise Symbol, Nucleo, and Customized. Also adds further mapping between facilities/amenities and icons. Approved-by: Michael Zetterberg Approved-by: Erik Tiekstra
28 lines
746 B
TypeScript
28 lines
746 B
TypeScript
import { IconByIconName } from "@/components/Icons/IconByIconName"
|
|
|
|
import { getIconByPoiGroupAndCategory } from "../utils"
|
|
import { poiVariants } from "./variants"
|
|
|
|
import type { PoiMarkerProps } from "@/types/components/maps/poiMarker"
|
|
|
|
export default function PoiMarker({
|
|
group,
|
|
categoryName,
|
|
skipBackground,
|
|
size = 16,
|
|
className = "",
|
|
}: PoiMarkerProps) {
|
|
const iconName = getIconByPoiGroupAndCategory(group, categoryName)
|
|
const classNames = poiVariants({ group, skipBackground, className })
|
|
|
|
return iconName ? (
|
|
<span className={classNames}>
|
|
<IconByIconName
|
|
iconName={iconName}
|
|
color={skipBackground ? "Icon/Feedback/Neutral" : "Icon/Inverted"}
|
|
size={size}
|
|
/>
|
|
</span>
|
|
) : null
|
|
}
|