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
42 lines
1.0 KiB
TypeScript
42 lines
1.0 KiB
TypeScript
/* eslint-disable react/display-name */
|
|
import {
|
|
MaterialIcon,
|
|
type MaterialIconSetIconProps,
|
|
} from "@scandic-hotels/design-system/Icons"
|
|
|
|
import { AlertTypeEnum } from "@/types/enums/alert"
|
|
|
|
export function getIconByAlertType(alertType: AlertTypeEnum) {
|
|
switch (alertType) {
|
|
case AlertTypeEnum.Alarm:
|
|
return function (props: MaterialIconSetIconProps) {
|
|
return (
|
|
<MaterialIcon
|
|
color="Icon/Inverted"
|
|
isFilled
|
|
icon="cancel"
|
|
{...props}
|
|
/>
|
|
)
|
|
}
|
|
case AlertTypeEnum.Warning:
|
|
return function (props: MaterialIconSetIconProps) {
|
|
return (
|
|
<MaterialIcon
|
|
icon="warning"
|
|
color="Icon/Inverted"
|
|
isFilled
|
|
{...props}
|
|
/>
|
|
)
|
|
}
|
|
case AlertTypeEnum.Info:
|
|
default:
|
|
return function (props: MaterialIconSetIconProps) {
|
|
return (
|
|
<MaterialIcon color="Icon/Inverted" isFilled icon="info" {...props} />
|
|
)
|
|
}
|
|
}
|
|
}
|