Got nothing

Author: davidsklar99

pages/+Page.client.ts

@@ -2,9 +2,10 @@ import { Image, Footer } from "~/components/general";
 import "@macrostrat/style-system";
 import h from "./main.module.sass";
 import "@macrostrat/style-system";
+import { useEffect } from "react";
 
 export function Page()  {
-    return h("div", { className: "main-page" }, [
+    return h("div", { className: "main-page"}, [
       h("div", { className: "new_container field" }, [
           h("div", { className: "mask" }, [
             h(Image, { src: "main-page/field.jpg", className: "start-img back-img", alt: "Field" }),

src/components/general/index.ts

@@ -10,10 +10,9 @@ import mapboxgl from "mapbox-gl";
 import { SETTINGS } from "@macrostrat-web/settings";
 import { rockdApiURL, rockdApiOldURL } from "@macrostrat-web/settings";
 import { useState } from "react";
+import { navigate } from "vike/client/router";
 
 export function Footer() {
-  const isDarkMode = useDarkMode().isEnabled;
-
   const footerLinks1 = [
     { href: "/", icon: "home", text: "Home" },
     { href: "/explore", icon: "geosearch", text: "Explore" },
@@ -56,15 +55,16 @@ export function Footer() {
 function FooterLink({ href, icon, text }) {
   const isDarkMode = useDarkMode().isEnabled;
 
-  return h("li", { onClick: () => window.scrollTo(0, 0) }, [
-    h("a", { href }, [
-      h(Icon, {
-        className: "footer-icon",
-        icon,
-        style: { color: isDarkMode ? "black" : "white" },
-      }),
-      h("p", text),
-    ]),
+  return h("li", { onClick: (e) => {
+      e.preventDefault(); 
+      navigate(href); 
+  }}, [
+    h(Icon, {
+      className: "footer-icon",
+      icon,
+      style: { color: isDarkMode ? "black" : "white" },
+    }),
+    h("p", text),
   ]);
 }
 

src/components/general/layout.module.sass

@@ -65,13 +65,10 @@
     .footer-icon
       filter: var(--anti-img-color)
 
-    a 
-      color: var(--panel-text)
+    li
       display: flex
       gap: 5px
-
-      &:hover
-        color: var(--panel-text)
+      cursor: pointer
 
 .row
   width: 100%