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:
Matilda Landström
2025-03-27 09:42:52 +00:00
parent 93c7fe64bf
commit 5de2a993a7
524 changed files with 4442 additions and 6802 deletions

View File

@@ -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>