23 lines
630 B
TypeScript
23 lines
630 B
TypeScript
import { NavLink } from "react-router";
|
|
import Discord from "../icons/Discord";
|
|
import { Button } from "../ui/button";
|
|
|
|
export function HomeButton() {
|
|
return (
|
|
<NavLink to={`/app/@me`}>
|
|
{({ isActive }) => (
|
|
<Button
|
|
variant="outline"
|
|
size="none"
|
|
asChild
|
|
className={isActive ? "bg-accent size-12" : "size-12"}
|
|
>
|
|
<div>
|
|
<Discord className="size-full p-2" />
|
|
</div>
|
|
</Button>
|
|
)}
|
|
</NavLink>
|
|
);
|
|
}
|