Map Tap (#57)

* Yoni - added tapping

* Yoni - removed useEffect

Author: YoniKiriaty

apps/scouting/frontend/src/scouter/components/ScoreMap.tsx

@@ -108,9 +108,6 @@ export const ScoreMap: FC<ScoreMapProps> = ({
   const imageRef = useRef<HTMLImageElement | null>(null);
   const [mapPoint, setMapPoint] = useState(currentPoint);
   const handleMapClick = (event: TouchEvent<HTMLImageElement>) => {
-    if (!isHolding) {
-      return;
-    }
     const containerElement = containerRef.current;
     const imageElement = imageRef.current;
     if (!(containerElement && imageElement)) {
@@ -147,9 +144,14 @@ export const ScoreMap: FC<ScoreMapProps> = ({
       <img
         ref={imageRef}
         src={mapZone === "red" ? redField : blueField}
-        onTouchMove={handleMapClick}
-        onTouchStart={() => {
+        onTouchMove={(event) => {
+          if (isHolding) {
+            handleMapClick(event);
+          }
+        }}
+        onTouchStart={(event) => {
           setHolding(true);
+          handleMapClick(event);
         }}
         onTouchEnd={() => {
           setHolding(false);