.

components/home/LetDiscover.js

@@ -14,6 +14,7 @@ import "swiper/css/navigation";
 import { cleanImage } from "../../services/imageHandling.js";
 import { cleanImage } from "../../services/imageHandling.js";
 import { useRouter } from "next/router.js";
 import { useRouter } from "next/router.js";
 import Link from "next/link.js";
 import Link from "next/link.js";
+import ActiveLink from "../common/ActiveLink.js";
 const LetDiscover = ({ categories }) => {
 const LetDiscover = ({ categories }) => {
   const router = useRouter();
   const router = useRouter();
   return (
   return (
@@ -33,7 +34,7 @@ const LetDiscover = ({ categories }) => {
                   </div>
                   </div>
                 </motion.div>
                 </motion.div>
                 <div className="view-all-btn">
                 <div className="view-all-btn">
-                  <Link href={"/listing"} prefetch>
+                  <ActiveLink href={"/listing"} prefetch>
                   <Button
                   <Button
                     // onClick={() => {
                     // onClick={() => {
                     //   router.push("/listing");
                     //   router.push("/listing");
@@ -42,7 +43,7 @@ const LetDiscover = ({ categories }) => {
                   >
                   >
                     View All
                     View All
                   </Button>
                   </Button>
-                  </Link>
+                  </ActiveLink>
                 </div>
                 </div>
               </div>
               </div>
             </div>
             </div>