nostr/iris-messenger
1
0
Fork 0
mirror of https://github.com/irislib/iris-messenger.git synced 2024-10-18 14:13:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix footer

Browse Source
This commit is contained in:
Martti Malmi 2023-08-02 19:44:20 +03:00
parent 12dffbd454
commit 01d0b33bc9
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/js/components/Footer.tsx
View File

@ -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>
);
};