Merged in feat/SW-2901-hotel-pins (pull request #2206)

feat(SW-2901): add dynamic hotel markers

* feat(SW-2901): add dynamic hotel markers

* fix(SW-2901): update type


Approved-by: Christian Andolf
Approved-by: Erik Tiekstra

apps/scandic-web/components/Maps/Markers/index.tsx

@@ -13,40 +13,66 @@ import ScandicGoMarker from "./ScandicGo"
 import ScandicGoSmallMarker from "./ScandicGoSmall"
 import ScandicSmallMarker from "./ScandicSmall"
 
+import type { MarkerInfo } from "@/types/components/maps/marker"
 import { HotelTypeEnum } from "@/types/enums/hotelType"
 import { SignatureHotelEnum } from "@/types/enums/signatureHotel"
 
-interface HotelMarkerByTypeProps {
-  hotelId: string
-  hotelType: string
-  smallSize?: boolean
+interface HotelMarkerByTypeProps
+  extends MarkerInfo,
+    React.SVGAttributes<HTMLOrSVGElement> {
+  size?: "large" | "small"
 }
 
 export default function HotelMarkerByType({
   hotelId,
   hotelType,
-  smallSize = true,
+  size = "large",
+  ...props
 }: HotelMarkerByTypeProps) {
   if (hotelType === HotelTypeEnum.ScandicGo) {
-    return smallSize ? <ScandicGoSmallMarker /> : <ScandicGoMarker />
+    return size === "small" ? (
+      <ScandicGoSmallMarker {...props} />
+    ) : (
+      <ScandicGoMarker {...props} />
+    )
   }
 
   switch (hotelId) {
     case SignatureHotelEnum.Haymarket:
-      return smallSize ? <HaymarketSmallMarker /> : <HaymarketMarker />
-    case SignatureHotelEnum.HotelNorge:
-      return smallSize ? <HotelNorgeSmallMarker /> : <HotelNorgeMarker />
-    case SignatureHotelEnum.DowntownCamper:
-      return smallSize ? (
-        <DowntownCamperSmallMarker />
+      return size === "small" ? (
+        <HaymarketSmallMarker {...props} />
       ) : (
-        <DowntownCamperMarker />
+        <HaymarketMarker {...props} />
+      )
+    case SignatureHotelEnum.HotelNorge:
+      return size === "small" ? (
+        <HotelNorgeSmallMarker {...props} />
+      ) : (
+        <HotelNorgeMarker {...props} />
+      )
+    case SignatureHotelEnum.DowntownCamper:
+      return size === "small" ? (
+        <DowntownCamperSmallMarker {...props} />
+      ) : (
+        <DowntownCamperMarker {...props} />
       )
     case SignatureHotelEnum.GrandHotelOslo:
-      return smallSize ? <GrandHotelSmallMarker /> : <GrandHotelMarker />
+      return size === "small" ? (
+        <GrandHotelSmallMarker {...props} />
+      ) : (
+        <GrandHotelMarker {...props} />
+      )
     case SignatureHotelEnum.Marski:
-      return smallSize ? <MarskiSmallMarker /> : <MarskiMarker />
+      return size === "small" ? (
+        <MarskiSmallMarker {...props} />
+      ) : (
+        <MarskiMarker {...props} />
+      )
     default:
-      return smallSize ? <ScandicSmallMarker /> : <ScandicMarker />
+      return size === "small" ? (
+        <ScandicSmallMarker {...props} />
+      ) : (
+        <ScandicMarker {...props} />
+      )
   }
 }