config + map

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({