config + map

client/ecosystem.config.cjs

@@ -1,7 +1,7 @@
 module.exports = {
   apps: [
     {
-      name: "irth-client:4001",
+      name: "irth-client-touch:4999",
       script: "yarn",
       args: "preview --host",
     },

client/src/components/masterplanPage/map/Map.tsx

@@ -1,12 +1,11 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { TransformWrapper, TransformComponent } from "react-zoom-pan-pinch";
 import ImageMarker, { MarkerComponentProps } from "react-image-marker";
-// import { isMobile } from "react-device-detect";
+import { useEffect } from "react";
 import Marker from "./Marker";
 import { markers } from "../../../consts/markers";
 import useMarker from "../../../store/useMarker";
 import ZoomControlls from "./ZoomControlls";
-import { useEffect } from "react";
 
 const Map = () => {
   const { hoveredMarker } = useMarker();
@@ -65,11 +64,6 @@ const Map = () => {
           animationType: "easeOutQuart",
           animationTime: 500,
         }}
-        velocityAnimation={{
-          sensitivity: 100,
-          animationTime: 100,
-          animationType: "easeOut",
-        }}
       >
         <ZoomControlls />
         <TransformComponent

client/src/components/modals/mobile/MobileHelpModal.tsx

@@ -2,13 +2,7 @@ import { useSwipeable } from "react-swipeable";
 import Button from "../../Button";
 import CrossIcon from "../../icons/CrossIcon";
 import { ISlider } from "../../../types/slide";
-import {
-  useState,
-  useRef,
-  useLayoutEffect,
-  useContext,
-  useEffect,
-} from "react";
+import { useState, useRef, useContext } from "react";
 import LeftArrowSliderIcon from "../../icons/LeftArrowSliderIcon";
 import RightArrowSliderIcon from "../../icons/RightArrowSliderIcon";
 import { MobileModalWrapperContext } from "./MobileModalWrapper";
@@ -42,11 +36,11 @@ const tipsSlides: ISlider[] = [
 ];
 
 const MobileHelpModal = () => {
-  const [imageWidth] = useState(0);
+  // const [imageWidth] = useState(0);
   const imageRef = useRef<HTMLImageElement>(null);
   const { setIsAnimate } = useContext(MobileModalWrapperContext);
   const [selectedImageIndex, setSelectedImageIndex] = useState(-1);
-  const [rightImageOffset, setRightImageOffset] = useState("");
+  const [rightImageOffset] = useState("");
   const { setModal } = useModal();
 
   const handlers = useSwipeable({

client/vite.config.ts

@@ -8,7 +8,7 @@ export default defineConfig(({ mode }) => {
   return {
     plugins: [react()],
     server: {
-      port: 4001,
+      port: 4999,
       proxy: {
         "/api": {
           target: process.env.VITE_SERVER_API,
@@ -18,7 +18,7 @@ export default defineConfig(({ mode }) => {
       },
     },
     preview: {
-      port: 4001,
+      port: 4999,
       proxy: {
         "/api": {
           target: process.env.VITE_SERVER_API,