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)}
/>