diff --git a/apps/website/src/components/Header.tsx b/apps/website/src/components/Header.tsx index 352e52fba..1e77018a1 100644 --- a/apps/website/src/components/Header.tsx +++ b/apps/website/src/components/Header.tsx @@ -1,16 +1,18 @@ import "./Header.css"; -import { Link } from "./Button.js"; -import { SocialButtons, SocialButton } from "./Footer.js"; + import { useContext, useEffect, useMemo, useState } from "preact/hooks"; import { useLocation } from 'preact-iso'; -import DownloadButton from './DownloadButton.js'; -import githubIcon from "../assets/boxicons/bx-github.svg?raw"; -import Icon from "./Icon.js"; -import logoPath from "../assets/icon-color.svg"; -import menuIcon from "../assets/boxicons/bx-menu.svg?raw"; -import { LocaleContext } from ".."; import { useTranslation } from "react-i18next"; + +import { LocaleContext } from ".."; +import githubIcon from "../assets/boxicons/bx-github.svg?raw"; +import menuIcon from "../assets/boxicons/bx-menu.svg?raw"; +import logoPath from "../assets/icon-color.svg"; import { swapLocaleInUrl } from "../i18n"; +import { Link } from "./Button.js"; +import DownloadButton from './DownloadButton.js'; +import { SocialButton,SocialButtons } from "./Footer.js"; +import Icon from "./Icon.js"; interface HeaderLink { url: string; @@ -19,7 +21,7 @@ interface HeaderLink { } export function Header(props: {repoStargazersCount: number}) { - const { url } = useLocation(); + const { url } = useLocation(); const { t } = useTranslation(); const locale = useContext(LocaleContext); const [ mobileMenuShown, setMobileMenuShown ] = useState(false); @@ -28,13 +30,14 @@ export function Header(props: {repoStargazersCount: number}) { useEffect(() => { setHeaderLinks([ { url: "/get-started", text: t("header.get-started") }, + { url: "/resources", text: t("header.resources") }, { url: "https://docs.triliumnotes.org/", text: t("header.documentation"), external: true }, { url: "/support-us", text: t("header.support-us") } ]); }, [ locale, t ]); - return ( -
+ return ( +