002d093af4
feat(SW-2863): Move contentstack router to trpc package * Add exports to packages and lint rule to prevent relative imports * Add env to trpc package * Add eslint to trpc package * Apply lint rules * Use direct imports from trpc package * Add lint-staged config to trpc * Move lang enum to common * Restructure trpc package folder structure * WIP first step * update internal imports in trpc * Fix most errors in scandic-web Just 100 left... * Move Props type out of trpc * Fix CategorizedFilters types * Move more schemas in hotel router * Fix deps * fix getNonContentstackUrls * Fix import error * Fix entry error handling * Fix generateMetadata metrics * Fix alertType enum * Fix duplicated types * lint:fix * Merge branch 'master' into feat/sw-2863-move-contentstack-router-to-trpc-package * Fix broken imports * Merge branch 'master' into feat/sw-2863-move-contentstack-router-to-trpc-package Approved-by: Linus Flood
67 lines
1.5 KiB
TypeScript
67 lines
1.5 KiB
TypeScript
import {
|
|
MaterialIcon,
|
|
type MaterialIconSetIconProps,
|
|
} from "@scandic-hotels/design-system/Icons/MaterialIcon"
|
|
import { AlertTypeEnum } from "@scandic-hotels/trpc/types/alertType"
|
|
|
|
import type { JSX } from "react"
|
|
|
|
import type { AlertProps } from "./alert"
|
|
|
|
interface IconByAlertProps {
|
|
alertType: AlertTypeEnum
|
|
variant?: AlertProps["variant"]
|
|
}
|
|
|
|
export function IconByAlertType({
|
|
alertType,
|
|
variant = "inline",
|
|
...props
|
|
}: IconByAlertProps & MaterialIconSetIconProps): JSX.Element {
|
|
switch (alertType) {
|
|
case AlertTypeEnum.Alarm:
|
|
return (
|
|
<MaterialIcon
|
|
color={variant === "inline" ? "Icon/Inverted" : "Icon/Feedback/Error"}
|
|
isFilled
|
|
icon="error"
|
|
{...props}
|
|
/>
|
|
)
|
|
case AlertTypeEnum.Warning:
|
|
return (
|
|
<MaterialIcon
|
|
icon="warning"
|
|
color={
|
|
variant === "inline" ? "Icon/Inverted" : "Icon/Feedback/Warning"
|
|
}
|
|
isFilled
|
|
{...props}
|
|
/>
|
|
)
|
|
case AlertTypeEnum.Success:
|
|
return (
|
|
<MaterialIcon
|
|
icon="check_circle"
|
|
color={
|
|
variant === "inline" ? "Icon/Inverted" : "Icon/Feedback/Success"
|
|
}
|
|
isFilled
|
|
{...props}
|
|
/>
|
|
)
|
|
case AlertTypeEnum.Info:
|
|
default:
|
|
return (
|
|
<MaterialIcon
|
|
color={
|
|
variant === "inline" ? "Icon/Inverted" : "Icon/Feedback/Information"
|
|
}
|
|
isFilled
|
|
icon="info"
|
|
{...props}
|
|
/>
|
|
)
|
|
}
|
|
}
|