scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in feat/SW-2851-the-doc-logo (pull request #2293)

Browse Source 
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
This commit is contained in:
Matilda Landström
2025-06-05 07:20:17 +00:00
parent d63e13aff5
commit f45782f423
6 changed files with 290 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

127
apps/scandic-web/components/Maps/Markers/TheDock.tsx Normal file
View File

@@ -0,0 +1,127 @@
export default function TheDockMarker({
className,
...props
}: React.SVGAttributes<HTMLOrSVGElement>) {
return (
<svg
className={className}
width="84"
height="104"
viewBox="0 0 84 104"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g filter="url(#filter0_d_11590_36116)">
<path
d="M42 11C59.1208 11 73 24.8792 73 42C73 55.9434 63.794 67.7357 51.1289 71.6328L44.0322 83.3408C43.2623 84.6105 41.4259 84.6279 40.6318 83.373L33.2793 71.7539C20.4044 67.9866 11 56.0927 11 42C11 24.8792 24.8792 11 42 11Z"
fill="white"
/>
<path
d="M15 42C15 27.0883 27.0883 15 42 15C56.9117 15 69 27.0883 69 42C69 56.9117 56.9117 69 42 69C27.0883 69 15 56.9117 15 42Z"
fill="#3A0E0E"
/>
<path
d="M60.2448 41.9991C60.2447 40.1601 59.9724 38.3853 59.4667 36.7122L59.235 36.0016C59.2173 35.9507 59.197 35.9006 59.1789 35.8499L43.0427 41.9991L59.1799 48.1494C59.8678 46.2278 60.2448 44.1573 60.2448 41.9991ZM42.3716 60.2401C49.8672 60.09 56.2516 55.4202 58.915 48.8444L42.3716 42.5394V60.2401ZM42.3716 41.4589L54.7553 36.7392C52.7324 31.8374 47.9672 28.3582 42.3716 28.2099V41.4589ZM23.7546 41.9991C23.7546 51.9518 31.7217 60.0418 41.6267 60.2401V56.5364C33.7677 56.3388 27.4572 49.9058 27.4572 41.9991C27.4575 33.9681 33.9687 27.4587 41.9997 27.4587C48.074 27.4589 53.277 31.1841 55.4513 36.4732L58.9129 35.1538C56.2043 28.4698 49.6526 23.7551 41.9986 23.7551C31.9231 23.7553 23.7549 31.9225 23.7546 41.9991ZM28.2021 41.9991C28.2021 49.4945 34.179 55.5941 41.6267 55.7915V28.2078C34.1791 28.4052 28.2023 34.504 28.2021 41.9991ZM60.9886 41.9991C60.9886 52.4864 52.487 60.9891 41.9986 60.9891C31.5105 60.9889 23.0107 52.4873 23.0107 41.9991C23.011 31.5112 31.5118 23.0115 41.9986 23.0112C50.2995 23.0112 57.3557 28.3369 59.9383 35.7574L60.063 36.1252C60.6642 37.9754 60.9886 39.9496 60.9886 41.9991Z"
fill="#F7F1E8"
/>
<path
d="M59.5531 36.1491C60.1406 36.1491 60.6169 35.6729 60.6169 35.0853C60.6169 34.4978 60.1406 34.0215 59.5531 34.0215C58.9655 34.0215 58.4893 34.4978 58.4893 35.0853C58.4893 35.6729 58.9655 36.1491 59.5531 36.1491Z"
fill="#FC2826"
/>
<path
d="M41.9993 26.3762L42.5316 27.6383L41.9993 24.4468L41.4678 27.6383L41.9993 26.3762Z"
fill="#FC2826"
/>
</g>
<g filter="url(#filter1_d_11590_36116)">
<rect x="36" y="89" width="12" height="12" rx="6" fill="white" />
<circle cx="42" cy="95" r="4" fill="#3A0E0E" />
</g>
<defs>
<filter
id="filter0_d_11590_36116"
x="0"
y="0"
width="84"
height="95.3037"
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feMorphology
radius="3"
operator="dilate"
in="SourceAlpha"
result="effect1_dropShadow_11590_36116"
/>
<feOffset />
<feGaussianBlur stdDeviation="4" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_11590_36116"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_11590_36116"
result="shape"
/>
</filter>
<filter
id="filter1_d_11590_36116"
x="33"
y="86"
width="18"
height="18"
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feMorphology
radius="1"
operator="dilate"
in="SourceAlpha"
result="effect1_dropShadow_11590_36116"
/>
<feOffset />
<feGaussianBlur stdDeviation="1" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_11590_36116"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_11590_36116"
result="shape"
/>
</filter>
</defs>
</svg>
)
}

82
apps/scandic-web/components/Maps/Markers/TheDockSmall.tsx Normal file
View File

@@ -0,0 +1,82 @@
export default function TheDockSmallMarker({
className,
...props
}: React.SVGAttributes<HTMLOrSVGElement>) {
return (
<svg
className={className}
width="74"
height="84"
viewBox="0 0 74 84"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g filter="url(#filter0_d_11604_36545)">
<path
d="M37 11C51.3594 11 63 22.6406 63 37C63 48.6942 55.2791 58.5837 44.6572 61.8525L38.9746 71.2285C38.2048 72.4983 36.3683 72.5155 35.5742 71.2607L29.6855 61.9551C18.8874 58.7953 11 48.8196 11 37C11 22.6406 22.6406 11 37 11Z"
fill="white"
/>
<path
d="M15 37C15 24.8497 24.8497 15 37 15C49.1503 15 59 24.8497 59 37C59 49.1503 49.1503 59 37 59C24.8497 59 15 49.1503 15 37Z"
fill="#3A0E0E"
/>
<path
d="M50.8662 36.9992C50.8662 35.6015 50.6592 34.2527 50.2748 32.9811L50.0988 32.441C50.0853 32.4023 50.0699 32.3643 50.0561 32.3258L37.7927 36.9992L50.0569 41.6734C50.5798 40.2129 50.8662 38.6393 50.8662 36.9992ZM37.2826 50.8623C42.9792 50.7482 47.8314 47.1992 49.8556 42.2016L37.2826 37.4097V50.8623ZM37.2826 36.5886L46.6942 33.0016C45.1568 29.2762 41.5352 26.632 37.2826 26.5193V36.5886ZM23.1337 36.9992C23.1337 44.5632 29.1887 50.7116 36.7165 50.8623V48.0475C30.7436 47.8973 25.9477 43.0082 25.9477 36.9992C25.9479 30.8956 30.8964 25.9485 37 25.9485C41.6164 25.9486 45.5707 28.7798 47.2232 32.7995L49.854 31.7968C47.7955 26.7169 42.8162 23.1337 36.9992 23.1337C29.3417 23.1339 23.1339 29.3409 23.1337 36.9992ZM26.5138 36.9992C26.5138 42.6957 31.0562 47.3313 36.7165 47.4814V26.5177C31.0563 26.6677 26.514 31.3029 26.5138 36.9992ZM51.4316 36.9992C51.4316 44.9695 44.9703 51.4316 36.9992 51.4316C29.0282 51.4314 22.5684 44.9702 22.5684 36.9992C22.5686 29.0283 29.0292 22.5686 36.9992 22.5684C43.3078 22.5684 48.6706 26.6159 50.6333 32.2555L50.7281 32.535C51.185 33.9411 51.4315 35.4415 51.4316 36.9992Z"
fill="#F7F1E8"
/>
<path
d="M50.3404 32.5531C50.7869 32.5531 51.1489 32.1912 51.1489 31.7446C51.1489 31.2981 50.7869 30.9361 50.3404 30.9361C49.8939 30.9361 49.5319 31.2981 49.5319 31.7446C49.5319 32.1912 49.8939 32.5531 50.3404 32.5531Z"
fill="#FC2826"
/>
<path
d="M37.0399 24.8026L37.6468 25.7617L37.0399 23.3362L36.434 25.7617L37.0399 24.8026Z"
fill="#FC2826"
/>
</g>
<defs>
<filter
id="filter0_d_11604_36545"
x="0"
y="0"
width="74"
height="83.1914"
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feMorphology
radius="3"
operator="dilate"
in="SourceAlpha"
result="effect1_dropShadow_11604_36545"
/>
<feOffset />
<feGaussianBlur stdDeviation="4" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_11604_36545"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_11604_36545"
result="shape"
/>
</filter>
</defs>
</svg>
)
}

9
apps/scandic-web/components/Maps/Markers/index.tsx
View File

@@ -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({
) : (
<MarskiMarker {...props} />
)
case SignatureHotelEnum.TheDock:
return size === "small" ? (
<TheDockSmallMarker {...props} />
) : (
<TheDockMarker {...props} />
)
default:
return size === "small" ? (
<ScandicSmallMarker {...props} />