Merged in feat/SW-1711-switch-icons (pull request #1558)
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
This commit is contained in:
@@ -0,0 +1,41 @@
|
||||
/* 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} />
|
||||
)
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user