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:
@@ -2,7 +2,7 @@
|
||||
|
||||
import Link from "next/link"
|
||||
|
||||
import { getIconByIconName } from "@/components/Icons/get-icon-by-icon-name"
|
||||
import { IconByIconName } from "@/components/Icons/IconByIconName"
|
||||
import Caption from "@/components/TempDesignSystem/Text/Caption"
|
||||
|
||||
import styles from "./headerLink.module.css"
|
||||
@@ -16,12 +16,15 @@ export default function HeaderLink({
|
||||
iconSize = 20,
|
||||
onClick = () => undefined,
|
||||
}: HeaderLinkProps) {
|
||||
const Icon = getIconByIconName(iconName)
|
||||
return (
|
||||
<Caption type="regular" color="textMediumContrast" asChild>
|
||||
<Link href={href} className={styles.headerLink} onClick={onClick}>
|
||||
{Icon ? (
|
||||
<Icon className={styles.icon} width={iconSize} height={iconSize} />
|
||||
{iconName ? (
|
||||
<IconByIconName
|
||||
iconName={iconName}
|
||||
className={styles.icon}
|
||||
size={iconSize}
|
||||
/>
|
||||
) : null}
|
||||
{children}
|
||||
</Link>
|
||||
|
||||
Reference in New Issue
Block a user