Files
web/apps/scandic-web/components/Maps/Markers/Haymarket.tsx
Anton Gunnarsson 80100e7631 Merged in monorepo-step-1 (pull request #1080)
Migrate to a monorepo setup - step 1

* Move web to subfolder /apps/scandic-web

* Yarn + transitive deps

- Move to yarn
- design-system package removed for now since yarn doesn't
support the parameter for token (ie project currently broken)
- Add missing transitive dependencies as Yarn otherwise
prevents these imports
- VS Code doesn't pick up TS path aliases unless you open
/apps/scandic-web instead of root (will be fixed with monorepo)

* Pin framer-motion to temporarily fix typing issue

https://github.com/adobe/react-spectrum/issues/7494

* Pin zod to avoid typ error

There seems to have been a breaking change in the types
returned by zod where error is now returned as undefined
instead of missing in the type. We should just handle this
but to avoid merge conflicts just pin the dependency for
now.

* Pin react-intl version

Pin version of react-intl to avoid tiny type issue where formatMessage
does not accept a generic any more. This will be fixed in a future
commit, but to avoid merge conflicts just pin for now.

* Pin typescript version

Temporarily pin version as newer versions as stricter and results in
a type error. Will be fixed in future commit after merge.

* Setup workspaces

* Add design-system as a monorepo package

* Remove unused env var DESIGN_SYSTEM_ACCESS_TOKEN

* Fix husky for monorepo setup

* Update netlify.toml

* Add lint script to root package.json

* Add stub readme

* Fix react-intl formatMessage types

* Test netlify.toml in root

* Remove root toml

* Update netlify.toml publish path

* Remove package-lock.json

* Update build for branch/preview builds


Approved-by: Linus Flood
2025-02-26 10:36:17 +00:00

122 lines
4.5 KiB
TypeScript

export default function HaymarketMarker({
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_342_17399)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M51.1266 71.6347C63.7931 67.7384 73 55.9444 73 42C73 24.8792 59.1208 11 42 11C24.8792 11 11 24.8792 11 42C11 56.0928 20.4039 67.9892 33.279 71.7564L40.6302 83.3733C41.4242 84.6282 43.2607 84.6105 44.0305 83.3406L51.1266 71.6347Z"
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="#946F54"
/>
<path
d="M41.9999 61.1489C52.5845 61.1489 61.2342 52.5561 61.2342 42.0285C61.2342 31.5008 52.5845 22.8511 41.9999 22.8511C31.4154 22.8511 22.7656 31.4439 22.7656 41.9716C22.7656 52.4992 31.4154 61.1489 41.9999 61.1489ZM35.3988 36.4517H48.6579L41.9999 47.8898L35.3988 36.4517ZM35.3988 35.7119L38.5855 30.1351H45.4143L48.601 35.7119H35.3988ZM48.8856 59.1003C46.78 59.9539 44.6176 60.3523 42.3414 60.4092V48.7434L48.8856 37.4191V59.1003ZM49.6253 25.2411C56.2265 28.2003 60.4944 34.8014 60.4944 41.9716C60.4944 49.1417 56.2265 55.7429 49.6253 58.7589V25.2411ZM48.8856 24.8997V34.6876L42.5121 23.5909C44.6745 23.6478 46.8369 24.103 48.8856 24.8997ZM45.0159 29.3953H38.9839L41.9999 24.2168L45.0159 29.3953ZM35.1143 24.8997C37.1629 24.103 39.3253 23.6478 41.5447 23.5909L35.1143 34.6876V24.8997ZM35.1143 37.4191L41.6585 48.7434V60.4092C39.3822 60.3523 37.2198 59.897 35.1143 59.1003V37.4191ZM34.3745 25.2411V58.7589C27.7734 55.7998 23.5054 49.1986 23.5054 41.9716C23.5054 34.7445 27.7734 28.2003 34.3745 25.2411Z"
fill="white"
/>
</g>
<g filter="url(#filter1_d_342_17399)">
<rect x="36" y="89" width="12" height="12" rx="6" fill="white" />
<circle cx="42" cy="95" r="4" fill="#946F54" />
</g>
<defs>
<filter
id="filter0_d_342_17399"
x="0"
y="0"
width="84"
height="95.3039"
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_342_17399"
/>
<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_342_17399"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_342_17399"
result="shape"
/>
</filter>
<filter
id="filter1_d_342_17399"
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_342_17399"
/>
<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_342_17399"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_342_17399"
result="shape"
/>
</filter>
</defs>
</svg>
)
}