If using custom web server, verify that web server is sending .br files with HTTP Response Header "Content-Encoding: br". Brotli compression may not be supported in Firefox over HTTP connections. '+r+' See https://bugzilla.mozilla.org/show_bug.cgi?id=1670675 for more information.':"Unable to parse "+w.frameworkUrl+'!
If using custom web server, verify that web server is sending .br files with HTTP Response Header "Content-Encoding: br". Brotli compression may not be supported over HTTP connections. Migrate your server to use HTTPS.'),void c(n,"error"))}c("Unable to parse "+w.frameworkUrl+"! The file is corrupt, or compression was misconfigured? (check Content-Encoding HTTP Response Header on web server)","error")}var o=unityFramework;unityFramework=null,a.onload=null,URL.revokeObjectURL(s),i(o)},a.onerror=function(e){c("Unable to load file "+w.frameworkUrl+"! Check that the file exists on the remote server. (also check browser Console and Devtools Network tab to debug)","error")},document.body.appendChild(a),w.deinitializers.push(function(){document.body.removeChild(a)})})}),R("codeUrl")]).then(function(e){w.wasmBinary=e[1],e[0](w),w.codeDownloadTimeEnd=performance.now()-t}),performance.now()),e=R("dataUrl");w.preRun.push(function(){w.addRunDependency("dataUrl"),e.then(function(t){var e=new TextDecoder("utf-8"),n=0;function r(){var e=(t[n]|t[n+1]<<8|t[n+2]<<16|t[n+3]<<24)>>>0;return n+=4,e}function o(e){if(B.gzip.hasUnityMarker(t))throw e+'. Failed to parse binary data file, because it is still gzip-compressed and should have been uncompressed by the browser. Web server has likely provided gzip-compressed data without specifying the HTTP Response Header "Content-Encoding: gzip" with it to instruct the browser to decompress it. Please verify your web server hosting configuration.';if(B.br.hasUnityMarker(t))throw e+'. Failed to parse binary data file, because it is still brotli-compressed and should have been uncompressed by the browser. Web server has likely provided brotli-compressed data without specifying the HTTP Response Header "Content-Encoding: br" with it to instruct the browser to decompress it. Please verify your web server hosting configuration.';throw e}var i="UnityWebData1.0\0",a=e.decode(t.subarray(0,i.length)),s=(a!=i&&o('Unknown data format (id="'+a+'")'),n+=i.length,r());for(n+s>t.length&&o("Invalid binary data file header! (pos="+n+", headerSize="+s+", file length="+t.length+")");n
A1M
+
+
+
{
const { sliders } = parameters;
- const [offset, setOffset] = useState(0);
- const [isScroll, setIsScroll] = useState(false);
+ const [offset, setOffset] = useState(1);
+ const [selectedViewId, setSelectedViewId] = useState(apartmentViews[0].id);
+ // const [animationFrame, setAnimationFrame] = useState(0)
const handleOnSwiped = (eventData: SwipeEventData) => {
if (eventData.dir === "Down") {
@@ -30,8 +36,8 @@ const ViewController = ({ parameters }: ViewControllerProps) => {
setOffset(1);
};
- const handleOnTouchEnd = ({ event }: { event: HandledEvents }) => {
- console.log("event", event);
+ const handleOnViewClick = (viewId: number) => {
+ return () => setSelectedViewId(viewId);
};
const handlers = useSwipeable({
@@ -43,33 +49,69 @@ const ViewController = ({ parameters }: ViewControllerProps) => {
// onSwiped: () => console.log("first"),
// onTouchEndOrOnMouseUp: handleOnTouchEnd,
// swipeDuration: 300,
- preventScrollOnSwipe: true,
+ // preventScrollOnSwipe: true,
+ // onSwipedDown: (e) => e.preventDefault(),
});
return (
-
-
-
-
-
-
-
+
);
};
diff --git a/src/icons/BackIcon.tsx b/src/icons/BackIcon.tsx
new file mode 100644
index 0000000..077cf22
--- /dev/null
+++ b/src/icons/BackIcon.tsx
@@ -0,0 +1,18 @@
+const BackIcon = () => {
+ return (
+
+ );
+};
+
+export default BackIcon;
diff --git a/src/main.tsx b/src/main.tsx
index f0bccee..3488fbf 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -2,11 +2,17 @@ import ReactDOM from "react-dom/client";
import { createBrowserRouter, RouterProvider } from "react-router-dom";
import App from "./App.tsx";
import "./index.css";
+import Header from "./components/Header.tsx";
const router = createBrowserRouter([
{
- path: "/",
- element:
+
+ //
+
+
+
+ {apartmentViews.map((view) => (
+
+
+ {" "}
+ {view.title}
+
+ ))}
+
+
+
+
+
+
+ {parameters.perspectiveWorkings.map((working) => (
+ 
+ ))}
+
+
+
+
+
+
+ );
+};
+
+export default Apartment;
diff --git a/src/pages/Main.tsx b/src/pages/Main.tsx
new file mode 100644
index 0000000..dac4f45
--- /dev/null
+++ b/src/pages/Main.tsx
@@ -0,0 +1,23 @@
+import { useEffect } from "react";
+import useStore from "../store/store";
+// import { isMobile } from "react-device-detect";
+import ViewController from "../components/ViewController";
+import { Parameters } from "../types/appartment";
+import LoaderModal from "../components/LoaderModal";
+
+const Main = () => {
+ const { modal, setModal } = useStore();
+
+ useEffect(() => {
+ // setModal(
+ {modal}
+ {/*
+ );
+};
+
+export default Main;
diff --git a/src/types/appartment.ts b/src/types/appartment.ts
index bac5137..0304ee2 100644
--- a/src/types/appartment.ts
+++ b/src/types/appartment.ts
@@ -10,6 +10,7 @@ type Parameters = {
TotalCountBedroms: number;
villaTheme: string;
sliders: Slider[];
+ perspectiveWorkings: string[]
};
export type {Slider as SliderType, Parameters}
\ No newline at end of file
diff --git a/src/views/MainView.tsx b/src/views/MainView.tsx
deleted file mode 100644
index a9ea0b3..0000000
--- a/src/views/MainView.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { useEffect } from "react";
-import useStore from "../store/store";
-// import LoaderModal from "../components/LoaderModal";
-import { isMobile } from "react-device-detect";
-import ViewController from "../components/ViewController";
-import { Parameters } from "../types/appartment";
-
-const mainViewParams: Parameters = {
- type: "A1M",
- plotArea: "1080 Sq.m",
- totalBuildUpArea: "472 Sq.m",
- TotalCountBedroms: 5,
- villaTheme: "Modern",
- sliders: [
- {
- title: "General View",
- image: "/images/apartment/A1M/A1M_P.png",
- },
- {
- title: "Ground Floor",
- image: "/images/apartment/A1M/A1M_GF.png",
- },
- {
- title: "First Floor",
- image: "/images/apartment/A1M/A1M_1F.png",
- },
- ],
-};
-
-const MainView = () => {
- const { modal, setModal } = useStore();
- console.log("isMobile", isMobile);
-
- useEffect(() => {
- // setModal(add
*/}
-