mirror of
https://github.com/zadam/trilium.git
synced 2025-11-06 13:26:01 +01:00
chore(website): remove old website
This commit is contained in:
40
apps/website/src/components/Header.tsx
Normal file
40
apps/website/src/components/Header.tsx
Normal file
@@ -0,0 +1,40 @@
|
||||
import "./Header.css";
|
||||
import { useLocation } from 'preact-iso';
|
||||
import DownloadButton from './DownloadButton';
|
||||
|
||||
interface HeaderLink {
|
||||
url: string;
|
||||
text: string;
|
||||
external?: boolean;
|
||||
}
|
||||
|
||||
const HEADER_LINKS: HeaderLink[] = [
|
||||
{ url: "https://docs.triliumnotes.org/", text: "Documentation", external: true },
|
||||
{ url: "/donate", text: "Support us" }
|
||||
]
|
||||
|
||||
export function Header() {
|
||||
const { url } = useLocation();
|
||||
|
||||
return (
|
||||
<header>
|
||||
<div class="content-wrapper">
|
||||
<a class="banner" href="/">
|
||||
<img src="./src/assets/icon-color.svg" width="300" height="300" /> <span>Trilium Notes</span>
|
||||
</a>
|
||||
|
||||
<nav>
|
||||
{HEADER_LINKS.map(link => (
|
||||
<a
|
||||
href={link.url}
|
||||
className={url === link.url && 'active'}
|
||||
target={link.external && "_blank"}
|
||||
>{link.text}</a>
|
||||
))}
|
||||
</nav>
|
||||
|
||||
<DownloadButton />
|
||||
</div>
|
||||
</header>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user