From 01d0b33bc9b68e66859ecf8ad110012b2e654346 Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Wed, 2 Aug 2023 19:44:20 +0300
Subject: [PATCH] fix footer

---
 src/js/components/Footer.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/js/components/Footer.tsx b/src/js/components/Footer.tsx
index f0e09b8b..cef3d4a0 100644
--- a/src/js/components/Footer.tsx
+++ b/src/js/components/Footer.tsx
@@ -6,6 +6,7 @@ import {
   PlusCircleIcon as PlusCircleIconFull,
 } from '@heroicons/react/24/solid';
 import { useEffect, useState } from 'preact/hooks';
+import { Link } from 'preact-router';
 
 import Icons from '../Icons';
 import localState from '../LocalState';
@@ -40,14 +41,14 @@ const Footer = () => {
     const isActive = new RegExp(`^${href}(/|$)`).test(activeRoute);
 
     return (
-      <a className={`btn flex-grow ${isActive ? 'active' : ''}`}>
+      <Link href={href} className={`btn flex-grow ${isActive ? 'active' : ''}`}>
         <Show when={isActive}>
           <IconActive width={24} />
         </Show>
         <Show when={!isActive}>
           <Icon width={24} />
         </Show>
-      </a>
+      </Link>
     );
   };