From f45782f42371ed8d6b7d0c6c0c15bb0a40cde3e8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Matilda=20Landstr=C3=B6m?= Date: Thu, 5 Jun 2025 07:20:17 +0000 Subject: [PATCH] Merged in feat/SW-2851-the-doc-logo (pull request #2293) Feat/SW-2851: Add The Dock Signature hotel logo and marker * feat(SW-2851): Add The Doc as signature hotel * chore(SW-2851): add logo * chore(SW-2851): add marker Approved-by: Erik Tiekstra --- .../components/Maps/Markers/TheDock.tsx | 127 ++++++++++++++++++ .../components/Maps/Markers/TheDockSmall.tsx | 82 +++++++++++ .../components/Maps/Markers/index.tsx | 9 ++ .../scandic-web/types/enums/signatureHotel.ts | 1 + .../lib/components/Icons/Logos/TheDock.tsx | 67 +++++++++ .../lib/components/Icons/Logos/index.tsx | 4 + 6 files changed, 290 insertions(+) create mode 100644 apps/scandic-web/components/Maps/Markers/TheDock.tsx create mode 100644 apps/scandic-web/components/Maps/Markers/TheDockSmall.tsx create mode 100644 packages/design-system/lib/components/Icons/Logos/TheDock.tsx diff --git a/apps/scandic-web/components/Maps/Markers/TheDock.tsx b/apps/scandic-web/components/Maps/Markers/TheDock.tsx new file mode 100644 index 000000000..59c2d548f --- /dev/null +++ b/apps/scandic-web/components/Maps/Markers/TheDock.tsx @@ -0,0 +1,127 @@ +export default function TheDockMarker({ + className, + ...props +}: React.SVGAttributes) { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) +} diff --git a/apps/scandic-web/components/Maps/Markers/TheDockSmall.tsx b/apps/scandic-web/components/Maps/Markers/TheDockSmall.tsx new file mode 100644 index 000000000..49f7056c8 --- /dev/null +++ b/apps/scandic-web/components/Maps/Markers/TheDockSmall.tsx @@ -0,0 +1,82 @@ +export default function TheDockSmallMarker({ + className, + ...props +}: React.SVGAttributes) { + return ( + + + + + + + + + + + + + + + + + + + + + + + ) +} diff --git a/apps/scandic-web/components/Maps/Markers/index.tsx b/apps/scandic-web/components/Maps/Markers/index.tsx index 838e169c6..01311b520 100644 --- a/apps/scandic-web/components/Maps/Markers/index.tsx +++ b/apps/scandic-web/components/Maps/Markers/index.tsx @@ -12,6 +12,8 @@ import ScandicMarker from "./Scandic" import ScandicGoMarker from "./ScandicGo" import ScandicGoSmallMarker from "./ScandicGoSmall" import ScandicSmallMarker from "./ScandicSmall" +import TheDockMarker from "./TheDock" +import TheDockSmallMarker from "./TheDockSmall" import type { MarkerInfo } from "@/types/components/maps/marker" import { HotelTypeEnum } from "@/types/enums/hotelType" @@ -68,6 +70,13 @@ export default function HotelMarkerByType({ ) : ( ) + case SignatureHotelEnum.TheDock: + return size === "small" ? ( + + ) : ( + + ) + default: return size === "small" ? ( diff --git a/apps/scandic-web/types/enums/signatureHotel.ts b/apps/scandic-web/types/enums/signatureHotel.ts index 1f5b68d6a..1ea37e868 100644 --- a/apps/scandic-web/types/enums/signatureHotel.ts +++ b/apps/scandic-web/types/enums/signatureHotel.ts @@ -4,4 +4,5 @@ export enum SignatureHotelEnum { Haymarket = "890", HotelNorge = "785", Marski = "605", + TheDock = "796", } diff --git a/packages/design-system/lib/components/Icons/Logos/TheDock.tsx b/packages/design-system/lib/components/Icons/Logos/TheDock.tsx new file mode 100644 index 000000000..5a7219260 --- /dev/null +++ b/packages/design-system/lib/components/Icons/Logos/TheDock.tsx @@ -0,0 +1,67 @@ +import type { LogoProps } from '../icon' +import { iconVariants } from '../variants' + +export default function TheDockIcon({ className, color, ...props }: LogoProps) { + const classNames = iconVariants({ className, color }) + + return ( + + + + + + + + + + + + + + + ) +} diff --git a/packages/design-system/lib/components/Icons/Logos/index.tsx b/packages/design-system/lib/components/Icons/Logos/index.tsx index d15019782..55e1ff42b 100644 --- a/packages/design-system/lib/components/Icons/Logos/index.tsx +++ b/packages/design-system/lib/components/Icons/Logos/index.tsx @@ -5,6 +5,7 @@ import HotelNorgeIcon from './HotelNorge' import MarskiLogoIcon from './Marski' import ScandicGoLogoIcon from './ScandicGoLogo' import ScandicLogoIcon from './ScandicLogo' +import TheDockIcon from './TheDock' type HotelLogoProps = { hotelId: string @@ -23,6 +24,7 @@ enum SignatureHotelEnum { Haymarket = '890', HotelNorge = '785', Marski = '605', + TheDock = '796', } export default function HotelLogoIcon({ hotelId, hotelType }: HotelLogoProps) { @@ -41,6 +43,8 @@ export default function HotelLogoIcon({ hotelId, hotelType }: HotelLogoProps) { return case SignatureHotelEnum.Marski: return + case SignatureHotelEnum.TheDock: + return default: return }