titaniumnet-mirror/Nebula
1
0
Fork 0
mirror of https://github.com/NebulaServices/Nebula.git synced 2025-05-17 13:30:00 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

run npm run format

Browse source
This commit is contained in:
cohenerickson 2023-12-14 08:45:54 -06:00
parent 99b08aff08
commit 2fe742f3f0
17 changed files with 259 additions and 238 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/components/HeaderButton.tsx
View file

@ -2,23 +2,23 @@ import { useTranslation } from "react-i18next";
import { Link } from "preact-router";
interface HeaderButtonProps {
href: string;
Icon: any;
translationKey: string;
href: string;
Icon: any;
translationKey: string;
}
export function HeaderButton(props: HeaderButtonProps) {
const { href, Icon, translationKey } = props;
const { t } = useTranslation();
const { href, Icon, translationKey } = props;
const { t } = useTranslation();
return (
<Link href={href}>
<div className="group p-4 flex flex-row items-center">
<Icon className="group-hover:text-text-hover-color transition duration-500 w-6 h-6" />
<span className="group-hover:text-text-hover-color transition duration-500 text-text-color text-lg pl-1 font-roboto font-bold">
{t(translationKey)}
</span>
</div>
</Link>
);
return (
<Link href={href}>
<div className="group flex flex-row items-center p-4">
<Icon className="h-6 w-6 transition duration-500 group-hover:text-text-hover-color" />
<span className="font-roboto pl-1 text-lg font-bold text-text-color transition duration-500 group-hover:text-text-hover-color">
{t(translationKey)}
</span>
</div>
</Link>
);
}