Merge branch '474-errors-challenge-scroll' into 'dev'

fix(challenge): console errors

See merge request !873

src/components/Challenge/ChallengeView.tsx

@@ -77,13 +77,6 @@ const ChallengeView: React.FC = () => {
     [cardWidth]
   )
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const handleClickOrTouchStart = (e: any) => {
-    if (e.nativeEvent instanceof TouchEvent)
-      setTouchStart(e.targetTouches[0].clientX)
-    if (e.nativeEvent instanceof MouseEvent) setTouchStart(e.clientX)
-  }
-
   const handleClickOrTouchEnd = () => {
     // if the swipe is too small and can be taken for a touch
     if (touchStart && touchEnd) {
@@ -101,13 +94,6 @@ const ChallengeView: React.FC = () => {
     resetValues()
   }
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const handleClickOrTouchMove = (e: any) => {
-    if (e.nativeEvent instanceof TouchEvent)
-      setTouchEnd(e.targetTouches[0].clientX)
-    if (e.nativeEvent instanceof MouseEvent) setTouchEnd(e.clientX)
-  }
-
   useEffect(() => {
     userChallengeList.forEach((challenge: UserChallenge, i: number) => {
       if (
@@ -152,11 +138,11 @@ const ChallengeView: React.FC = () => {
         <div
           className="challengeSlider"
           onClick={resetValues}
-          onTouchStart={handleClickOrTouchStart}
-          onTouchMove={handleClickOrTouchMove}
+          onTouchStart={event => setTouchStart(event.targetTouches[0].clientX)}
+          onTouchMove={event => setTouchEnd(event.targetTouches[0].clientX)}
           onTouchEnd={handleClickOrTouchEnd}
-          onMouseDown={handleClickOrTouchStart}
-          onMouseMove={handleClickOrTouchMove}
+          onMouseDown={event => setTouchStart(event.clientX)}
+          onMouseMove={event => setTouchEnd(event.clientX)}
           onMouseUp={handleClickOrTouchEnd}
         >
           <div

src/components/Challenge/challengeView.scss

@@ -22,6 +22,7 @@
 }
 .cardContent {
   margin: auto;
+  cursor: pointer;
   .title {
     font-weight: 400;
     text-align: center;