upd
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 10 MiB |
@@ -0,0 +1,52 @@
|
||||
import HumanIcon from "./icons/HumanIcon";
|
||||
import { AnimatePresence, motion } from "motion/react";
|
||||
|
||||
interface FloorMarkerProps {
|
||||
title: string | null;
|
||||
position: [number, number];
|
||||
}
|
||||
|
||||
function FloorPopup({ title, position }: FloorMarkerProps) {
|
||||
return (
|
||||
<AnimatePresence mode="wait">
|
||||
{title && (
|
||||
<motion.div
|
||||
key={title}
|
||||
initial={{ opacity: 0 }}
|
||||
animate={{ opacity: 1 }}
|
||||
exit={{ opacity: 0 }}
|
||||
style={{ top: position[1], left: position[0] }}
|
||||
className="absolute 2xl:rounded-[1.111vw] 2xl:p-[1.111vw] p-4 rounded-2xl flex flex-col 2xl:gap-[1.111vw] bg-white transition-opacity duration-300 -translate-full"
|
||||
>
|
||||
<div className="2xl:space-y-[0.556vw]">
|
||||
<div className="flex 2xl:gap-[0.556vw] gap-2">
|
||||
<p className="font-medium text-h5">{title}</p>
|
||||
<p>{}</p>
|
||||
</div>
|
||||
<div className="flex 2xl:gap-[0.278vw] gap-1">
|
||||
<p className="2xl:px-[0.556vw] 2xl:py-[0.278vw] px-2 py-0.5 bg-[#F3F3F2] 2xl:rounded-[0.278vw] rounded text-caption-s text-[#0D1922]/70">
|
||||
{title && !Number.isNaN((+title!.split(" ").at(-1)!)!)
|
||||
? "16 Amenties"
|
||||
: `${title?.split(" ").at(-1)} floor`}
|
||||
</p>
|
||||
{Number.isNaN(+title!) && (
|
||||
<div className="2xl:px-[0.556vw] 2xl:py-[0.278vw] px-2 py-0.5 bg-[#30B216]/8 2xl:rounded-[0.278vw] rounded flex 2xl:gap-[0.278vw] gap-1">
|
||||
<span className="2xl:w-[0.833vw] 2xl:h-[0.833vw] w-3 h-3 text-[#30B216]">
|
||||
<HumanIcon />
|
||||
</span>
|
||||
<p className="text-caption-s text-[#30B216]">Virtual Tour</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
<hr className="border-[#E2E2DC] 2xl:h-[0.069vw] h-px" />
|
||||
<div className="2xl:space-y-[0.556vw]">
|
||||
<div className="flex"></div>
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
)}
|
||||
</AnimatePresence>
|
||||
);
|
||||
}
|
||||
|
||||
export default FloorPopup;
|
||||
@@ -1,7 +1,107 @@
|
||||
import { useRef, useState } from "react";
|
||||
import { markers } from "../data/markers";
|
||||
import { floorsMasks } from "../data/masks";
|
||||
import Compass from "./Compass";
|
||||
import DisclaimerButton from "./DisclaimerButton";
|
||||
import FullScreenButton from "./FullScreenButton";
|
||||
import ArrowLeftIcon from "./icons/ArrowLeftIcon";
|
||||
import InfoIcon from "./icons/InfoIcon";
|
||||
import PrivacyPolicyButton from "./PrivacyPolicyButton";
|
||||
import Button from "./ui/Button";
|
||||
import { useNavigate } from "react-router";
|
||||
import FloorPopup from "./FloorPopup";
|
||||
|
||||
function FloorSelect({ complexName }: { complexName: string }) {
|
||||
const navigate = useNavigate();
|
||||
|
||||
const [isFullScreen, setIsFullScreen] = useState(false);
|
||||
const [hoveredFloor, setHoveredFloor] = useState<string | null>(null);
|
||||
const [position, setPosition] = useState<[number, number]>([0, 0]);
|
||||
|
||||
const rootRef = useRef<HTMLDivElement>(null);
|
||||
|
||||
function handleMouseMove(e: React.MouseEvent<HTMLDivElement>) {
|
||||
const x = e.clientX - e.currentTarget.getBoundingClientRect().left;
|
||||
const y = e.clientY - e.currentTarget.getBoundingClientRect().top;
|
||||
|
||||
setPosition([x, y]);
|
||||
}
|
||||
|
||||
function handleFullScreenClick() {
|
||||
if (!rootRef.current) return;
|
||||
setIsFullScreen((prev) => !prev);
|
||||
if (isFullScreen) {
|
||||
document.exitFullscreen();
|
||||
} else {
|
||||
rootRef.current.requestFullscreen();
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<img src={`/images/floors/${complexName}.jpg`} alt="" />
|
||||
<div
|
||||
className="overflow-hidden h-full w-full relative"
|
||||
ref={rootRef}
|
||||
onMouseMove={handleMouseMove}
|
||||
>
|
||||
<img
|
||||
src={`/images/marasi-drive-floors.png`}
|
||||
className="h-full w-full object-cover absolute"
|
||||
alt=""
|
||||
/>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 4096 1752"
|
||||
className="absolute top-0 left-0 hidden w-full h-full md:block"
|
||||
preserveAspectRatio="xMidYMid slice"
|
||||
>
|
||||
{Object.entries(
|
||||
floorsMasks[complexName as keyof typeof floorsMasks]
|
||||
).map(([floor, d]) => (
|
||||
<path
|
||||
onMouseEnter={() => setHoveredFloor(floor)}
|
||||
onMouseLeave={() => setHoveredFloor(null)}
|
||||
key={floor}
|
||||
d={d}
|
||||
className="fill-[#00BED7] cursor-pointer transition-opacity duration-300 opacity-20 hover:opacity-60 peer"
|
||||
/>
|
||||
))}
|
||||
</svg>
|
||||
<Compass imgStyle={{ rotate: "180deg" }} />
|
||||
<div className="absolute flex 2xl:gap-[0.556vw] justify-between gap-2 2xl:left-[2.222vw] 2xl:right-[2.222vw] 2xl:top-[2.222vw] max-w-full md:max-2xl:left-6 md:max-2xl:right-6 md:max-2xl:top-6 left-4 right-4 top-4">
|
||||
<Button
|
||||
variant="secondary"
|
||||
className="!bg-white"
|
||||
onClick={() => navigate(`/complex/${complexName}/`)}
|
||||
>
|
||||
<span className="2xl:w-[1.389vw] 2xl:h-[1.389vw] w-5 h-5">
|
||||
<ArrowLeftIcon />
|
||||
</span>
|
||||
<span className="max-md:hidden">Project view</span>
|
||||
</Button>
|
||||
<Button
|
||||
variant="secondary"
|
||||
size="small"
|
||||
onClick={() => navigate(`/complex/${complexName}/about`)}
|
||||
>
|
||||
<span className="2xl:w-[1.389vw] 2xl:h-[1.389vw] w-5 h-5">
|
||||
<InfoIcon />
|
||||
</span>
|
||||
<span className="max-md:hidden">About</span>
|
||||
</Button>
|
||||
</div>
|
||||
<p className="absolute md:text-h4 text-h5 font-medium text-white -translate-x-1/2 select-none left-1/2 2xl:top-[2.5vw] md:max-2xl:top-[3.646vw] top-[7.5vw] drop-shadow">
|
||||
ROVE Home {markers.find((marker) => marker.name === complexName)?.title}
|
||||
</p>
|
||||
<div className="absolute 2xl:bottom-[2.222vw] 2xl:right-[2.222vw] 2xl:left-[2.222vw] max-w-full flex justify-end items-center 2xl:gap-[0.556vw] gap-2 md:max-2xl:bottom-6 md:max-2xl:left-6 md:max-2xl:right-6 bottom-4 left-4 right-4">
|
||||
<DisclaimerButton />
|
||||
<PrivacyPolicyButton />
|
||||
<FullScreenButton
|
||||
isFullScreen={isFullScreen}
|
||||
onFullScreenChange={setIsFullScreen}
|
||||
onClick={handleFullScreenClick}
|
||||
/>
|
||||
</div>
|
||||
<FloorPopup title={hoveredFloor} position={position} />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -12,3 +12,116 @@ export const masks = {
|
||||
"M1956.85 547.636c-.85.069-1.5.774-1.5 1.621v21.256c0 .898-.73 1.626-1.62 1.626h-8.13c-.9 0-1.63.727-1.63 1.625v34.511c0 .736-.49 1.38-1.2 1.57l-.84.226a1.63 1.63 0 0 0-1.21 1.57v2.813c0 .792-.75 1.369-1.51 1.164a1.206 1.206 0 0 0-1.52 1.164v12.245c0 .898.73 1.626 1.63 1.626h3.03c.9 0 1.62.728 1.62 1.625v15.638c0 .817-.6 1.507-1.41 1.612l-3.45.446c-.81.105-1.42.795-1.42 1.612v5.27c0 .817.61 1.507 1.42 1.612l3.45.446a1.62 1.62 0 0 1 1.41 1.612v15.192c0 .741-.5 1.388-1.21 1.574l-3.85.995c-.72.185-1.22.833-1.22 1.573v3.996c0 .736.49 1.38 1.21 1.57l.63.171c.71.189 1.2.824 1.21 1.554l4.03 423.679c.01.94-.78 1.7-1.72 1.64-12.87-.77-40.75-1.36-62.47 1.74-21.7 3.1-42.66 7.92-51.61 10.24-.72.19-1.2.85-1.19 1.59l.78 56.15c.01.67.41 1.26 1.03 1.5l116.6 45.52c.63.24 1.04.84 1.04 1.51v33.57c0 .66.39 1.25.99 1.5l68.08 28.84c1.9.54 6.99 1.62 12.2 1.62 6.5 0 9.75-.81 13.81-2.44 3.25-1.3 107.01-36.84 158.48-54.45 2.44-1.08 7.31-4.71 7.31-10.56s-10.29-11.65-15.44-13.82l-55.85-21.54a1.63 1.63 0 0 1-1.04-1.52v-37.68c0-.62-.36-1.19-.92-1.46l-15.21-7.24c-.57-.28-.93-.85-.93-1.49l4.05-454.606c0-.659.41-1.25 1.02-1.494l2.03-.812a1.62 1.62 0 0 0 1.02-1.509v-1.478c0-.431-.17-.844-.47-1.149l-3.12-3.111a1.64 1.64 0 0 1-.47-1.15V662.1c0-.795.57-1.473 1.36-1.604l2.16-.36a1.62 1.62 0 0 0 1.35-1.603v-1.682a1.62 1.62 0 0 0-.89-1.454l-3.08-1.539a1.63 1.63 0 0 1-.9-1.454v-19.025c0-.665.4-1.263 1.02-1.509l2.02-.808a1.62 1.62 0 0 0 1.02-1.51v-8.791c0-.431-.17-.845-.47-1.149l-4.74-4.737a1.6 1.6 0 0 1-.48-1.149v-36.147a1.62 1.62 0 0 0-1.36-1.603l-11.91-1.986a1.63 1.63 0 0 1-1.36-1.603V549.2c0-.823-.61-1.516-1.43-1.614l-59.36-7.123c-.1-.013-.21-.015-.32-.007z",
|
||||
],
|
||||
};
|
||||
|
||||
export const floorsMasks = {
|
||||
"marasi-drive": {
|
||||
"Ground Level":
|
||||
"m1776.6 1459.19-176.78-28.32c-1.22-.19-2.32.74-2.32 1.98v95.99c0 1.17.99 2.08 2.15 2l840.98-64.2a2 2 0 0 0 1.85-2.01c-.11-10.12-.03-27.06.01-33 0-1.16-.76-2.08-1.92-2.01-26.58 1.68-321.84 20.36-474.07 30.38l-60.47 4.58c-43.2 3.27-86.64 1.46-129.43-5.39",
|
||||
Rooftop:
|
||||
"M1580 333.887v19.793a2 2 0 0 0 2.66 1.887l123.7-43.344c.42-.145.87-.15 1.28-.015l293.26 95.311a42 42 0 0 0 12.51 2.054l75.99.863c3.72.042 7.42-.409 11.02-1.343L2307 355.5l20.72-5.612c2.18-.591 4.3-1.397 6.32-2.407l18.01-9.008a14 14 0 0 1 8.31-1.327l118.35 17.514a1.996 1.996 0 0 0 2.29-1.978v-20.02c0-.964-.69-1.79-1.63-1.966l-39.74-7.392a2 2 0 0 1-1.63-1.967V309.5c.17-3.334-.1-10.4-2.5-12s-10.33-4.334-14-5.5c-32.83-9.834-99.2-29.7-102-30.5-2.61-.745-9.16-4.433-12.75-6.553a1.96 1.96 0 0 0-1.57-.207c-47.5 13.932-146.72 43.203-170.18 50.76-29.5 9.5-51.5 11.5-86 11.5-27.6 0-49.17-4.667-56.5-7l-220.79-82.735c-.46-.171-.96-.17-1.42.004l-51.09 19.466c-.45.171-.95.174-1.4.01l-20.6-7.49a2 2 0 0 0-1.4.011l-42.51 16.242a2 2 0 0 0-1.29 1.869v13.197c0 .853-.54 1.612-1.35 1.891l-11.8 4.07a2 2 0 0 0-1.35 1.891v31.186c0 .835-.52 1.581-1.3 1.874l-54.9 20.528a2 2 0 0 0-1.3 1.873",
|
||||
"Sky Garden":
|
||||
"m1709.59 611.092-124.26 27.451c-1.04.23-1.04 1.712 0 1.951l31.12 7.15a1.996 1.996 0 0 1 1.55 1.949v74.728c0 .971-.7 1.802-1.65 1.97l-33.7 5.919c-.95.168-1.65.999-1.65 1.97v14.487a2 2 0 0 0 2.31 1.976l139.38-21.594c.2-.032.42-.032.62.002l278.48 44.932c2.14.344 4.3.523 6.46.535L2096 775l201-26 33.59-8.276c.6-.148 1.23-.202 1.84-.16l165.93 11.291a2 2 0 0 0 2.14-1.995v-50.998a2 2 0 0 0-1.86-1.995l-58.78-4.233a2 2 0 0 1-1.86-1.995v-33.264c0-.828.51-1.57 1.28-1.867l37.81-14.509c.99-.377.79-1.82-.25-1.928l-117.79-12.153c-2.67-.275-5.36.048-7.88.945l-15.68 5.573a34 34 0 0 1-6.13 1.556l-230.02 35.986c-2.22.348-4.47.516-6.72.504l-83.51-.459a42 42 0 0 1-8.14-.842l-290.55-59.096a2 2 0 0 0-.83.007",
|
||||
"Podium Level":
|
||||
"m2005 1332-293.23 34.29c-1.01.12-1.77.98-1.77 1.99v40.77c0 .84.59 1.57 1.42 1.75l20.78 4.37a676.3 676.3 0 0 0 209.3 10.83l404.56-23.89c1.18-.07 2.21-.82 2.63-1.93l6.18-16.34c.09-.22.13-.46.13-.71v-29.92a2 2 0 0 0-1.68-1.98l-23.32-3.73-234-15.5z",
|
||||
"West 31":
|
||||
"m2328.32 353.079-226.93 58.531a42 42 0 0 1-10.95 1.329l-39.42-.433a2 2 0 0 0-2.02 2v23.999a2 2 0 0 0 1.98 2l39.83.438a42 42 0 0 0 10.24-1.151l219.61-52.557a90 90 0 0 0 18-6.391l14.7-7.056a6 6 0 0 1 3.44-.53l121.92 17.416a2 2 0 0 0 2.28-1.98v-29.961a2 2 0 0 0-1.71-1.98l-117.3-16.891c-3.89-.559-7.85.166-11.28 2.066l-14.43 7.98a34 34 0 0 1-7.96 3.171",
|
||||
"East 31":
|
||||
"M1581 360.42v26.815a2 2 0 0 0 2.63 1.9l125.76-41.434c.4-.131.82-.134 1.22-.009l288.48 90.455c3.92 1.229 8 1.876 12.1 1.921l35.79.393a2 2 0 0 0 2.02-2v-23.999a2 2 0 0 0-1.98-2l-35.59-.391a42 42 0 0 1-12.54-2.06l-291.25-94.802a2 2 0 0 0-1.28.013l-124.02 43.31c-.8.28-1.34 1.038-1.34 1.888",
|
||||
"West 30":
|
||||
"m2328.58 387.944-227.5 54.832a42 42 0 0 1-10.3 1.167l-39.76-.437a2 2 0 0 0-2.02 2v24.747c0 1.1.89 1.994 1.99 2l40.15.22c3.23.018 6.45-.336 9.59-1.056l219.46-50.174a90 90 0 0 0 18.88-6.599l14.29-6.856a6 6 0 0 1 3.44-.53l121.92 17.416a2 2 0 0 0 2.28-1.98v-26.966c0-.993-.73-1.835-1.71-1.979l-118.6-17.414a18 18 0 0 0-10.81 1.781l-13.79 7.05a34.2 34.2 0 0 1-7.51 2.778",
|
||||
"East 30":
|
||||
"M1581 394.447v26.829a2 2 0 0 0 2.6 1.908l125.81-39.5c.39-.12.79-.123 1.18-.008l288.62 86.587a42 42 0 0 0 11.84 1.77l35.94.198a2 2 0 0 0 2.01-2v-24.769a2 2 0 0 0-1.98-2l-35.83-.394c-4.1-.045-8.18-.692-12.1-1.921l-288.48-90.455c-.4-.125-.82-.122-1.22.009l-127.02 41.846a2 2 0 0 0-1.37 1.9",
|
||||
"West 29":
|
||||
"m2328.4 421.944-227.63 52.457a42 42 0 0 1-9.66 1.072l-40.1-.22a2 2 0 0 0-2.01 2v24.5c0 1.1.89 1.994 1.99 2l40.46.222c3.02.017 6.04-.294 9-.927l219.07-46.809a90 90 0 0 0 20.14-6.876l13.72-6.586a6 6 0 0 1 3.4-.537l121.95 16.454c1.2.162 2.27-.771 2.27-1.982v-26.984c0-.993-.73-1.835-1.71-1.979l-118.6-17.414a18 18 0 0 0-10.81 1.781l-13.64 6.971a34 34 0 0 1-7.84 2.857",
|
||||
"East 29":
|
||||
"M1581 428.468v27.328c0 1.344 1.3 2.306 2.59 1.912l125.84-38.534a2 2 0 0 1 1.14-.011l288.87 82.746a42 42 0 0 0 11.34 1.623l36.21.199a2 2 0 0 0 2.01-2v-24.5c0-1.1-.89-1.994-1.99-2l-35.96-.198c-4.01-.022-8-.618-11.84-1.77l-288.62-86.587a2 2 0 0 0-1.18.008L1582.4 426.56a2.005 2.005 0 0 0-1.4 1.908",
|
||||
"West 28":
|
||||
"m2328.49 456.373-227.96 49.64c-3.01.656-6.08.978-9.17.962l-40.35-.222a2 2 0 0 0-2.01 2v24.5c0 1.1.89 1.994 1.99 2l40.76.224c2.83.015 5.65-.254 8.42-.805l218.68-43.456a90 90 0 0 0 21.4-7.137l13.17-6.318a5.96 5.96 0 0 1 3.32-.546l122.02 15.009a1.998 1.998 0 0 0 2.24-1.985v-26.498c0-.998-.74-1.843-1.72-1.981l-118.84-16.504a18 18 0 0 0-10.38 1.658l-13.87 6.783a34 34 0 0 1-7.7 2.676",
|
||||
"East 28":
|
||||
"M1581 462.979v27.357a2 2 0 0 0 2.56 1.92l125.9-36.6c.35-.102.73-.106 1.08-.01l289.2 77.938a42 42 0 0 0 10.7 1.446l36.55.201a2 2 0 0 0 2.01-2v-24.5c0-1.1-.89-1.994-1.99-2l-36.23-.199a42 42 0 0 1-11.34-1.623l-288.87-82.746a2 2 0 0 0-1.14.011l-127.02 38.893a2 2 0 0 0-1.41 1.912",
|
||||
"West 27":
|
||||
"m2327.9 491.924-227.69 45.731c-2.8.562-5.65.837-8.5.821l-40.7-.223a2 2 0 0 0-2.01 2v24.5c0 1.1.89 1.994 1.99 2l41.07.225c2.62.015 5.24-.217 7.82-.691l218.29-40.113a90 90 0 0 0 22.68-7.38l12.59-6.044a6 6 0 0 1 3.28-.552l122.05 14.046a2 2 0 0 0 2.23-1.987v-26.995c0-1.007-.75-1.857-1.75-1.984L2360.51 480.2c-3.59-.456-7.23.181-10.46 1.829l-13.37 6.835a34 34 0 0 1-8.78 3.06",
|
||||
"East 27":
|
||||
"M1581 497.501v26.874a2 2 0 0 0 2.53 1.929l125.96-34.664c.33-.092.69-.095 1.02-.01l289.51 73.604c3.31.841 6.71 1.275 10.12 1.294l36.85.203a2 2 0 0 0 2.01-2v-24.5c0-1.1-.89-1.994-1.99-2l-36.57-.201a42 42 0 0 1-10.7-1.446l-289.2-77.938a2 2 0 0 0-1.08.01l-127.02 36.925a2 2 0 0 0-1.44 1.92",
|
||||
"West 26":
|
||||
"m2327.98 526.35-228.02 42.904c-2.63.496-5.31.739-7.99.724l-40.96-.225a2 2 0 0 0-2.01 2v24.5c0 1.1.89 1.994 1.99 2l41.37.227a42 42 0 0 0 7.23-.585l217.89-36.782a90 90 0 0 0 23.97-7.607l12.01-5.767a6 6 0 0 1 3.24-.557l122.09 13.081c1.18.127 2.21-.8 2.21-1.989v-26.998c0-1.013-.76-1.866-1.76-1.986l-118.97-14.163c-3.44-.409-6.92.182-10.04 1.703l-13.6 6.651a34 34 0 0 1-8.65 2.869",
|
||||
"East 26":
|
||||
"M1581 531.524v26.4a2.002 2.002 0 0 0 2.5 1.938l126.02-32.239c.32-.081.65-.084.96-.008l289.82 69.262a42 42 0 0 0 9.53 1.15l37.16.204a2 2 0 0 0 2.01-2v-24.5c0-1.1-.89-1.994-1.99-2l-36.87-.203a42 42 0 0 1-10.12-1.294l-289.51-73.604a2 2 0 0 0-1.02.01l-127.02 34.956a2 2 0 0 0-1.47 1.928",
|
||||
"West 25":
|
||||
"m2327.73 561.328-228.05 39.535c-2.45.424-4.93.63-7.41.617l-41.26-.227a2 2 0 0 0-2.01 2v24.5c0 1.1.89 1.994 1.99 2l41.68.229c2.22.012 4.43-.151 6.62-.488l217.5-33.462a90 90 0 0 0 25.26-7.816l11.43-5.488c1-.476 2.1-.671 3.19-.562l122.13 12.116a2 2 0 0 0 2.2-1.99V565.29c0-1.019-.77-1.875-1.78-1.988l-119.02-13.225c-3.4-.377-6.83.219-9.9 1.719l-13.45 6.576a34 34 0 0 1-9.12 2.956",
|
||||
"East 25":
|
||||
"M1581 565.053v26.419c0 1.291 1.2 2.243 2.46 1.946l126.09-29.812q.45-.105.9-.006l290.13 64.912c2.94.657 5.94.996 8.94 1.013l37.47.206a2 2 0 0 0 2.01-2v-24.5c0-1.1-.89-1.994-1.99-2l-37.18-.204a42 42 0 0 1-9.53-1.15l-289.82-69.262a2 2 0 0 0-.96.008l-127.02 32.492a2 2 0 0 0-1.5 1.938",
|
||||
"West 24":
|
||||
"m2327.47 596.298-228.09 36.166c-2.25.357-4.53.53-6.81.517l-41.56-.228a2 2 0 0 0-2.01 2v30.5c0 1.1.89 1.994 1.99 2l41.64.228c2.24.013 4.48-.155 6.7-.501l223.77-34.903a90 90 0 0 0 13.56-3.207l17.19-5.502a6 6 0 0 1 2.35-.263l122.63 10.705a2 2 0 0 0 2.17-1.992v-32.514c0-1.025-.78-1.884-1.79-1.989l-119.09-12.286c-3.34-.346-6.72.255-9.75 1.734l-13.29 6.499a34.1 34.1 0 0 1-9.61 3.036",
|
||||
"East 24":
|
||||
"M1581 598.588v34.422a1.998 1.998 0 0 0 2.43 1.953l126.16-27.871c.27-.061.55-.063.83-.007l290.55 59.096c2.68.545 5.41.827 8.14.842l37.88.208a2 2 0 0 0 2.01-2v-30.5c0-1.1-.89-1.994-1.99-2l-37.52-.206a42 42 0 0 1-8.87-.998l-290.18-64.428a2 2 0 0 0-.88.004l-127.01 29.537a2 2 0 0 0-1.55 1.948",
|
||||
"West 21":
|
||||
"m2332 750.54-224.9 31.168c-1.4.195-2.81.289-4.22.282l-51.87-.242a2 2 0 0 0-2.01 2v31.5a2 2 0 0 0 1.99 2l54.01.252 225-22.5 24.1-5.783q.9-.217 1.83-.151l122.93 8.781a1.996 1.996 0 0 0 2.14-1.995v-32.494c0-1.048-.81-1.918-1.85-1.995L2332 750.5c.02.002.03.037 0 .04",
|
||||
"East 21":
|
||||
"M1581 763.7v31.493a2 2 0 0 0 2.28 1.979l126.45-18.133q.27-.039.54-.003L1998 817l48.99.229a2 2 0 0 0 2.01-2v-31.5a2 2 0 0 0-1.99-2l-45.89-.214c-2.08-.01-4.15-.174-6.2-.489l-272.61-41.978c-.2-.032-.42-.031-.62.003l-139.01 22.675a2 2 0 0 0-1.68 1.974",
|
||||
"West 20":
|
||||
"M2330.08 797.735 2096 820.5l-44.99-.247a2 2 0 0 0-2.01 2v26c0 1.1.89 1.994 1.99 2l45.01.247 234-20.5 24.26-4.853c.49-.098.99-.134 1.49-.108l123.15 6.353a2 2 0 0 0 2.1-1.998v-26.532a2 2 0 0 0-1.86-1.995l-121.32-8.666c-1.87-.133-3.74.025-5.56.469l-17.4 4.253c-1.57.384-3.17.656-4.78.812",
|
||||
"East 20":
|
||||
"M1581 802.234v26.503a2 2 0 0 0 2.25 1.984l126.51-15.691q.24-.03.48-.001L2005 850l41.99.231a2 2 0 0 0 2.01-2v-26c0-1.1-.89-1.994-1.99-2L2005 820l-294.73-37.965a2 2 0 0 0-.54.004l-127.01 18.215c-.99.141-1.72.985-1.72 1.98",
|
||||
"West 19":
|
||||
"m2332.5 832.5-236.5 21-44.99-.247a2 2 0 0 0-2.01 2v25c0 1.1.89 1.994 1.99 2l45.01.247 234-18.5 24.4-3.904c.4-.064.8-.087 1.21-.069l123.3 5.382a2 2 0 0 0 2.09-1.998v-27.012c0-1.064-.83-1.942-1.9-1.997l-121.85-6.286c-1.49-.077-2.99.032-4.46.326z",
|
||||
"East 19":
|
||||
"M1581 835.767v26.513a2 2 0 0 0 2.21 1.989l126.58-13.247q.21-.022.42 0L2005 882l41.99.231a2 2 0 0 0 2.01-2v-25c0-1.1-.89-1.994-1.99-2L2005 853l-294.76-34.971a2 2 0 0 0-.48.001l-127.01 15.752a2 2 0 0 0-1.75 1.985",
|
||||
"West 18":
|
||||
"m2332.5 866.5-236.5 19-44.99-.247a2 2 0 0 0-2.01 2v24c0 1.1.89 1.994 1.99 2l45.01.247 234-15.5 24.54-2.944q.465-.056.93-.039l123.46 4.409a2 2 0 0 0 2.07-1.999v-27.012c0-1.071-.84-1.952-1.91-1.998l-122.3-5.339c-1.19-.052-2.38.014-3.56.197z",
|
||||
"East 18":
|
||||
"M1581 869.302v27.52c0 1.172 1 2.093 2.17 1.993l126.66-10.801c.11-.009.23-.009.34 0L2005 913l41.99.231a2 2 0 0 0 2.01-2v-24c0-1.1-.89-1.994-1.99-2L2005 885l-294.79-30.978a2 2 0 0 0-.42 0l-127 13.29a2 2 0 0 0-1.79 1.99",
|
||||
"West 17":
|
||||
"m2332.5 900.5-236.5 16-44.99-.247a2 2 0 0 0-2.01 2v25c0 1.1.89 1.994 1.99 2l45.01.247 234-13.5 24.54-2.944q.465-.056.93-.039l123.46 4.409a2 2 0 0 0 2.07-1.999V904.43c0-1.077-.85-1.96-1.93-1.999l-122.75-4.384c-.88-.031-1.76.002-2.63.099z",
|
||||
"East 17":
|
||||
"M1581 903.837v27.51c0 1.163.99 2.08 2.15 1.995l126.71-9.331c.09-.007.19-.008.28-.001L2005 945l41.99.231a2 2 0 0 0 2.01-2v-25c0-1.1-.89-1.994-1.99-2L2005 916l-294.83-24.986a2 2 0 0 0-.34 0l-127 10.83a2.004 2.004 0 0 0-1.83 1.993",
|
||||
"West 16":
|
||||
"m2332.5 934.5-236.5 14-44.99-.247a2 2 0 0 0-2.01 2v24c0 1.1.89 1.994 1.99 2l45.01.247 234-10.5 24.54-2.944q.465-.056.93-.039l123.46 4.409a2 2 0 0 0 2.07-1.999V938.43c0-1.077-.85-1.96-1.93-1.999l-122.75-4.384c-.88-.031-1.76.002-2.63.099z",
|
||||
"East 16":
|
||||
"M1581 938.358v27.022c0 1.151.97 2.064 2.12 1.997L1710 960l295 16 41.99.231a2 2 0 0 0 2.01-2v-24c0-1.1-.89-1.994-1.99-2L2005 948l-294.86-20.99a2 2 0 0 0-.28.001l-127.01 9.353a2 2 0 0 0-1.85 1.994",
|
||||
"West 15":
|
||||
"m2332.5 968.5-236.5 11-44.99-.247a2 2 0 0 0-2.01 2v24.997c0 1.1.89 2 1.99 2l45.01.25 234-7.5 25-2 123.96 2.46c1.12.02 2.04-.88 2.04-2v-27.03c0-1.077-.85-1.96-1.93-1.999l-122.75-4.384c-.88-.031-1.76.002-2.63.099z",
|
||||
"East 15":
|
||||
"M1581 972.387v27.026c0 1.137.95 2.047 2.09 1.997L1710 996l295 12 41.99.23c1.11.01 2.01-.89 2.01-2v-24.999c0-1.1-.89-1.994-1.99-2L2005 979l-295-16-127.12 7.39a2.003 2.003 0 0 0-1.88 1.997",
|
||||
"West 14":
|
||||
"m2332.5 1004-236.5 7.5-44.99-.25c-1.11 0-2.01.89-2.01 2v25c0 1.1.89 2 1.99 2l45.01.25 234-5 25-1.5 123.98 1.48c1.11.01 2.02-.89 2.02-2v-27.02c0-1.09-.87-1.98-1.96-2L2355 1002z",
|
||||
"East 14":
|
||||
"M1581 1006.42v27.02c0 1.13.93 2.03 2.05 2L1710 1032l295 8 41.99.23c1.11.01 2.01-.89 2.01-2v-25c0-1.1-.89-1.99-1.99-2L2005 1011l-295-12-127.09 5.42c-1.07.04-1.91.93-1.91 2",
|
||||
"West 13":
|
||||
"m2330 1038.5-234 5-44.99-.25c-1.11 0-2.01.89-2.01 2v24c0 1.1.89 2 1.99 2l45.01.25 234-2 25-.5 123.99.49c1.11.01 2.01-.89 2.01-2v-27.01c0-1.1-.88-1.99-1.98-2L2355 1037z",
|
||||
"East 13":
|
||||
"M1581 1040.45v27.03c0 1.11.91 2.01 2.02 2L1710 1068l295 3 41.99.23c1.11.01 2.01-.89 2.01-2v-24c0-1.1-.89-1.99-1.99-2L2005 1043l-295-8-127.05 3.45c-1.09.03-1.95.91-1.95 2",
|
||||
"West 12":
|
||||
"m2330 1072.5-234 2-44.99-.25c-1.11 0-2.01.89-2.01 2v25c0 1.1.89 2 1.99 2l45.01.25h383c1.1 0 2-.9 2-2v-27.01c0-1.1-.89-1.99-1.99-2L2355 1072z",
|
||||
"East 12":
|
||||
"M1581 1074.48v27.03c0 1.1.89 1.99 1.99 2l127.01.49 295-1 41.99.23c1.11.01 2.01-.89 2.01-2v-25c0-1.1-.89-1.99-1.99-2L2005 1074l-295-3-127.02 1.48c-1.1.01-1.98.9-1.98 2",
|
||||
"West 11":
|
||||
"M2330 1106.5h-234l-44.99-.25c-1.11 0-2.01.89-2.01 2v24.5c0 1.1.89 2 1.99 2l45.01.25 234 2.5h149c1.1 0 2-.9 2-2v-27c0-1.1-.9-2-2-2z",
|
||||
"East 11":
|
||||
"M1581 1108.51v27.03c0 1.09.87 1.98 1.96 2L1710 1140l295-5.5 41.99.23c1.11.01 2.01-.89 2.01-2v-24.5c0-1.1-.89-1.99-1.99-2L2005 1106l-295 1-126.99-.49c-1.11-.01-2.01.89-2.01 2",
|
||||
"West 10":
|
||||
"m2330 1140.5-234-2.5-44.99-.25c-1.11 0-2.01.89-2.01 2v24.75c0 1.1.9 2 2 2h45l234 6h25l124.02-.98c1.09-.01 1.98-.91 1.98-2v-27.02c0-1.1-.9-2-2-2z",
|
||||
"East 10":
|
||||
"M1581 1142.54v27.03c0 1.08.85 1.96 1.93 2L1710 1176l295-9.5h42c1.1 0 2-.9 2-2v-24.77c0-1.1-.89-1.99-1.99-2l-42.01-.23-295 5.5-126.96-2.46c-1.12-.02-2.04.88-2.04 2",
|
||||
"West 9":
|
||||
"m2330 1175.5-234-6h-45c-1.1 0-2 .9-2 2v24.5c0 1.1.9 2 2 2h45l234 9.5 25 1 124.05-2.95a2.01 2.01 0 0 0 1.95-2v-27.03c0-1.11-.91-2.01-2.02-2l-123.98.98z",
|
||||
"East 9":
|
||||
"M1581 1176.57v27.03c0 1.06.84 1.94 1.9 2l127.1 6.4 295-14h42c1.1 0 2-.9 2-2v-24.5c0-1.1-.9-2-2-2h-42l-295 9.5-126.93-4.43c-1.13-.04-2.07.87-2.07 2",
|
||||
"West 8":
|
||||
"m2330 1210.5-234-9.5h-45c-1.1 0-2 .9-2 2v24.5c0 1.1.9 2 2 2h45l234 11.5 25 2 124.05-2.95a2.01 2.01 0 0 0 1.95-2v-27.5c0-1.13-.92-2.03-2.05-2L2355 1211.5z",
|
||||
"East 8":
|
||||
"M1581 1210.6v27.03a2 2 0 0 0 1.87 1.99L1710 1248l295-18.5h42c1.1 0 2-.9 2-2V1203c0-1.1-.9-2-2-2h-42l-295 14-126.9-6.39c-1.14-.06-2.1.85-2.1 1.99",
|
||||
"West 7":
|
||||
"m2330 1244-234-11.5h-45c-1.1 0-2 .9-2 2v25c0 1.1.9 2 2 2h45l234 13.5 24.56 2.95c.29.03.59.05.88.04l123.62-3.44c1.08-.03 1.94-.91 1.94-2v-27.5c0-1.13-.92-2.03-2.05-2L2355 1246z",
|
||||
"East 7":
|
||||
"M1581 1244.64v27.02c0 1.04.8 1.91 1.84 1.99l127 10.34c.11.01.21.01.32 0L2005 1261.5h42c1.1 0 2-.9 2-2v-25c0-1.1-.9-2-2-2h-42l-295 18.5-126.87-8.36a2 2 0 0 0-2.13 2",
|
||||
"West 6":
|
||||
"m2330 1278-234-13.5h-45c-1.1 0-2 .9-2 2v25c0 1.1.9 2 2 2h45l234 15.5 24.43 3.91c.38.06.76.08 1.14.07l123.49-3.92a2 2 0 0 0 1.94-2v-27.5a2 2 0 0 0-2.06-2l-122.61 3.4c-.89.03-1.77-.01-2.65-.12z",
|
||||
"East 6":
|
||||
"M1581 1278.67v27.01c0 1.03.78 1.9 1.81 2l127 12.3c.13.01.25.01.38 0L2005 1293.5h42c1.1 0 2-.9 2-2v-25c0-1.1-.9-2-2-2h-42l-294.84 22.49c-.11.01-.21.01-.32 0l-126.68-10.31c-1.16-.1-2.16.82-2.16 1.99",
|
||||
"West 5":
|
||||
"m2330 1312-234-15.5h-45c-1.1 0-2 .9-2 2v25c0 1.1.9 2 2 2h45l234 17.5 24.31 4.86c.46.09.93.13 1.39.11l123.37-4.4c1.08-.04 1.93-.92 1.93-2v-27.51c0-1.12-.93-2.03-2.06-1.99l-122.22 3.88c-1.14.03-2.29-.04-3.42-.22z",
|
||||
"East 5":
|
||||
"M1581 1312.7v27.01c0 1.02.76 1.88 1.78 1.99l127.01 14.28q.21.015.42 0L2005 1325.5h42c1.1 0 2-.9 2-2v-25c0-1.1-.9-2-2-2h-42l-294.81 26.48c-.13.01-.25.01-.38 0l-126.62-12.27c-1.17-.11-2.19.81-2.19 1.99",
|
||||
},
|
||||
};
|
||||
|
||||
@@ -1,14 +1,10 @@
|
||||
import FloorSelect from '../components/FloorSelect';
|
||||
import { useParams } from 'react-router';
|
||||
import FloorSelect from "../components/FloorSelect";
|
||||
import { useParams } from "react-router";
|
||||
|
||||
function FloorsPage() {
|
||||
const { complexName } = useParams();
|
||||
|
||||
return (
|
||||
<div>
|
||||
<FloorSelect complexName={complexName!} />
|
||||
</div>
|
||||
);
|
||||
return <FloorSelect complexName={complexName!} />;
|
||||
}
|
||||
|
||||
export default FloorsPage;
|
||||
|
||||
Reference in New Issue
Block a user