From 2e43573e025f49f4aed3c45ba9b79b08f2cee709 Mon Sep 17 00:00:00 2001
From: zojgame <zogame002@gmail.com>
Date: Tue, 9 Jul 2024 15:46:20 +0500
Subject: [PATCH] config + map

---
 client/ecosystem.config.cjs                          |  2 +-
 client/src/components/masterplanPage/map/Map.tsx     |  8 +-------
 .../src/components/modals/mobile/MobileHelpModal.tsx | 12 +++---------
 client/vite.config.ts                                |  4 ++--
 4 files changed, 7 insertions(+), 19 deletions(-)

diff --git a/client/ecosystem.config.cjs b/client/ecosystem.config.cjs
index 45e89e1..fd80959 100644
--- a/client/ecosystem.config.cjs
+++ b/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",
     },
diff --git a/client/src/components/masterplanPage/map/Map.tsx b/client/src/components/masterplanPage/map/Map.tsx
index d4bb400..b3a6468 100644
--- a/client/src/components/masterplanPage/map/Map.tsx
+++ b/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
diff --git a/client/src/components/modals/mobile/MobileHelpModal.tsx b/client/src/components/modals/mobile/MobileHelpModal.tsx
index 925797f..0022682 100644
--- a/client/src/components/modals/mobile/MobileHelpModal.tsx
+++ b/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({
diff --git a/client/vite.config.ts b/client/vite.config.ts
index 07b84e7..b6f228f 100644
--- a/client/vite.config.ts
+++ b/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,