diff --git a/src/components/Header.tsx b/src/components/Header.tsx index 0482abf..1d3fff5 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -62,16 +62,54 @@ function Header() {

{customDesc}

+
+ +
+
+ +
) } +type links = { + link: string + name: string +} + +function Links() { + // @ts-expect-error CustomLinks is a global variable + const customLinks = window.CustomLinks as string + + const links: links[] | null = customLinks ? JSON.parse(customLinks) : null + + if (!links) return null + + return ( +
+ {links.map((link, index) => { + return ( + + {link.name} + + ) + })} +
+ ) +} + function DashboardLink() { const { t } = useTranslation() const { data: userData } = useQuery({ @@ -87,7 +125,7 @@ function DashboardLink() { href={"/dashboard"} target="_blank" rel="noopener noreferrer" - className="flex items-center gap-1 text-sm font-medium opacity-50 transition-opacity hover:opacity-100" + className="flex items-center text-nowrap gap-1 text-sm font-medium opacity-50 transition-opacity hover:opacity-100" > {!userData?.data?.id && t("login")} {userData?.data?.id && t("dashboard")}