diff --git a/web/src/app/mapfixes/[mapfixId]/page.tsx b/web/src/app/mapfixes/[mapfixId]/page.tsx index b295be8..4923c4e 100644 --- a/web/src/app/mapfixes/[mapfixId]/page.tsx +++ b/web/src/app/mapfixes/[mapfixId]/page.tsx @@ -1,6 +1,6 @@ import Webpage from "@/app/_components/webpage"; import { useParams, useNavigate } from "react-router-dom"; -import {useState} from "react"; +import {useState, useEffect} from "react"; import { Link } from "react-router-dom"; import { useAssetThumbnail } from "@/app/hooks/useThumbnails"; @@ -121,6 +121,15 @@ export default function MapfixDetailsPage() { }; + // cycle before and after images every 2 seconds + useEffect(() => { + const interval = setInterval(() => { + setShowBeforeImage((prev) => !prev); + }, 2000); + + return () => clearInterval(interval); + }, []); + const handleCommentSubmit = async () => { if (!newComment.trim()) { return; // Don't submit empty comments @@ -323,33 +332,6 @@ export default function MapfixDetailsPage() { )} - - - Click to compare - - - setShowBeforeImage(!showBeforeImage)} />