diff --git a/src/components/Challenge/ChallengeView.tsx b/src/components/Challenge/ChallengeView.tsx index 5f00edbfd69ad12c5f183e2fa3cf82434253a0c3..929a63f11206f57b9b0449af5e8c163076dc39ff 100644 --- a/src/components/Challenge/ChallengeView.tsx +++ b/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 diff --git a/src/components/Challenge/challengeView.scss b/src/components/Challenge/challengeView.scss index 694fcbcad650b5d18b0279daf8a3148b0098b995..b0cc2a8fab8d77ed19e2060f891d2840ea20abef 100644 --- a/src/components/Challenge/challengeView.scss +++ b/src/components/Challenge/challengeView.scss @@ -22,6 +22,7 @@ } .cardContent { margin: auto; + cursor: pointer; .title { font-weight: 400; text-align: center;