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
666 B
TypeScript
28 lines
666 B
TypeScript
import { Minus } from "react-feather"
|
|
|
|
import { MaterialIcon } from "@scandic-hotels/design-system/Icons"
|
|
|
|
import styles from "./rewardValue.module.css"
|
|
|
|
import type { RewardValueProps } from "@/types/components/overviewTable"
|
|
|
|
export default function RewardValue({ reward }: RewardValueProps) {
|
|
if (!reward) {
|
|
return <Minus color="var(--UI-Grey-40)" />
|
|
}
|
|
if (!reward.value) {
|
|
return (
|
|
<MaterialIcon
|
|
icon="check_circle"
|
|
size={32}
|
|
color="Icon/Feedback/Success"
|
|
/>
|
|
)
|
|
}
|
|
return (
|
|
<div className={styles.rewardValueContainer}>
|
|
<span className={styles.rewardValue}>{reward.value}</span>
|
|
</div>
|
|
)
|
|
}
|