.
This commit is contained in:
21
app/components/custom-ui/home-button.tsx
Normal file
21
app/components/custom-ui/home-button.tsx
Normal file
@@ -0,0 +1,21 @@
|
||||
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>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user