Merged in feat/SW-882-usp-card-icons (pull request #2586)

feat(SW-882): add icons to USP card

* feat(SW-882): add icons to USP card


Approved-by: Anton Gunnarsson

apps/scandic-web/components/Blocks/UspGrid/utils.ts

@@ -6,6 +6,50 @@ export function getUspIconName(icon?: UspIcon | null) {
   switch (icon) {
     case "Snowflake":
       return IconName.Snowflake
+    case "Information":
+      return IconName.InfoCircle
+    case "Heart":
+      return IconName.Heart
+    case "WiFi":
+      return IconName.Wifi
+    case "Breakfast":
+      return IconName.Breakfast
+    case "Checkbox":
+      return IconName.Check
+    case "Ticket":
+      return IconName.Ticket
+    case "Hotel":
+      return IconName.City
+    case "Bed":
+      return IconName.NightShelter
+    case "Train":
+      return IconName.Ticket
+    case "Airplane":
+      return IconName.Airplane
+    case "Sun":
+      return IconName.Beach
+    case "Star":
+      return IconName.AwardStar
+    case "Sports":
+      return IconName.Sports
+    case "Gym":
+      return IconName.Fitness
+    case "Hiking":
+      return IconName.Hiking
+    case "Skiing":
+      return IconName.Skiing
+    case "City":
+      return IconName.City
+    case "Pool":
+      return IconName.Swim
+    case "Spa":
+      return IconName.Spa
+    case "Bar":
+      return IconName.Nightlife
+    case "Restaurant":
+      return IconName.Restaurant
+    case "Child":
+      return IconName.ExtraFamilyFriendly
     default:
       return IconName.Snowflake
   }

apps/scandic-web/components/Icons/IconByIconName.tsx

@@ -53,6 +53,8 @@ export function IconByIconName({
       return <MaterialIcon icon="upload" {...props} />
     case IconName.ArrowTo:
       return <MaterialIcon icon="download" {...props} />
+    case IconName.AwardStar:
+      return <MaterialIcon icon="award_star" {...props} />
     case IconName.Swipe:
       return <MaterialIcon icon="swipe" {...props} />
     case IconName.ConferenceRoom:
@@ -246,6 +248,8 @@ export function IconByIconName({
       return <MaterialIcon icon="styler" {...props} />
     case IconName.Heat:
       return <MaterialIcon icon="heat" {...props} />
+    case IconName.Heart:
+      return <MaterialIcon icon="favorite" {...props} />
     case IconName.House:
       return <MaterialIcon icon="home" {...props} />
     case IconName.Houseboat:
@@ -284,6 +288,8 @@ export function IconByIconName({
       return <MaterialIcon icon="nature" {...props} />
     case IconName.Nightlife:
       return <MaterialIcon icon="nightlife" {...props} />
+    case IconName.NightShelter:
+      return <MaterialIcon icon="night_shelter" {...props} />
     case IconName.NoSmoking:
       return <MaterialIcon icon="smoke_free" {...props} />
     case IconName.OpenInNew:
@@ -337,6 +343,8 @@ export function IconByIconName({
       return <RoadIcon {...props} />
     case IconName.Swim:
       return <MaterialIcon icon="pool" {...props} />
+    case IconName.Ticket:
+      return <MaterialIcon icon="transit_ticket" {...props} />
     case IconName.Thermostat:
       return <MaterialIcon icon="device_thermostat" {...props} />
     case IconName.Tshirt:

apps/scandic-web/components/Icons/iconName.ts

@@ -13,6 +13,7 @@ export enum IconName {
   ArrowRight = "ArrowRight",
   ArrowRightSmall = "ArrowRightSmall",
   ArrowTo = "ArrowTo",
+  AwardStar = "AwardStar",
   Bar = "Bar",
   BathroomCabinet = "BathroomCabinet",
   Beach = "Beach",
@@ -92,6 +93,7 @@ export enum IconName {
   Hanger = "Hanger",
   HangerAlt = "HangerAlt",
   Heat = "Heat",
+  Heart = "Heart",
   Hiking = "Hiking",
   HotelNight = "HotelNight",
   House = "House",
@@ -126,6 +128,7 @@ export enum IconName {
   Museum = "Museum",
   Nature = "Nature",
   Nightlife = "Nightlife",
+  NightShelter = "NightShelter",
   NonSmoking = "NonSmoking",
   NoSmoking = "NoSmoking",
   OpenInNew = "OpenInNew",
@@ -163,6 +166,7 @@ export enum IconName {
   Swipe = "Swipe",
   Thermostat = "Thermostat",
   Toilet = "Toilet",
+  Ticket = "Ticket",
   Train = "Train",
   Tripadvisor = "Tripadvisor",
   Tshirt = "Tshirt",

packages/design-system/lib/components/Icons/MaterialIcon/MaterialSymbol/consts.ts

@@ -3176,6 +3176,7 @@ export const SymbolCodepointsArray = [
   'trail_length_short',
   'train',
   'tram',
+  'transit_ticket',
   'transcribe',
   'transfer_within_a_station',
   'transform',

packages/trpc/lib/types/uspGrid.ts

@@ -3,10 +3,55 @@ import { z } from "zod"
 // TODO When original IconName enum is moved to common we should use it
 enum IconName {
   Snowflake = "Snowflake",
+  Information = "Information",
+  Heart = "Heart",
+  WiFi = "WiFi",
+  Breakfast = "Breakfast",
+  Checkbox = "Checkbox",
+  Ticket = "Ticket",
+  Hotel = "Hotel",
+  Bed = "Bed",
+  Train = "Train",
+  Airplane = "Airplane",
+  Sun = "Sun",
+  Star = "Star",
+  Sports = "Sports",
+  Gym = "Gym",
+  Hiking = "Hiking",
+  Skiing = "Skiing",
+  City = "City",
+  Pool = "Pool",
+  Spa = "Spa",
+  Bar = "Bar",
+  Restaurant = "Restaurant",
+  Child = "Child",
 }
+
 export namespace UspGridEnum {
-  export const enum icons {
+  export enum icons {
     Snowflake = IconName.Snowflake,
+    Information = IconName.Information,
+    Heart = IconName.Heart,
+    WiFi = IconName.WiFi,
+    Breakfast = IconName.Breakfast,
+    Checkbox = IconName.Checkbox,
+    Ticket = IconName.Ticket,
+    Hotel = IconName.Hotel,
+    Bed = IconName.Bed,
+    Train = IconName.Train,
+    Airplane = IconName.Airplane,
+    Sun = IconName.Sun,
+    Star = IconName.Star,
+    Sports = IconName.Sports,
+    Gym = IconName.Gym,
+    Hiking = IconName.Hiking,
+    Skiing = IconName.Skiing,
+    City = IconName.City,
+    Pool = IconName.Pool,
+    Spa = IconName.Spa,
+    Bar = IconName.Bar,
+    Restaurant = IconName.Restaurant,
+    Child = IconName.Child,
   }
-  export const uspIcons = z.enum([icons.Snowflake])
+  export const uspIcons = z.nativeEnum(icons)
 }