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 }