mirror of
https://github.com/Radiquum/AniX.git
synced 2025-05-25 06:09:38 +05:00
Frontend: Delete template files. Add Navigation Rail.
This commit is contained in:
parent
cd78429540
commit
84b13a2c80
12 changed files with 1682 additions and 486 deletions
36
frontend/components/NavigationRail.js
Normal file
36
frontend/components/NavigationRail.js
Normal file
|
@ -0,0 +1,36 @@
|
|||
"use client";
|
||||
|
||||
import { usePathname } from "next/navigation";
|
||||
import Link from "next/link";
|
||||
|
||||
export const NavigationRail = () => {
|
||||
const pathname = usePathname();
|
||||
return (
|
||||
<nav className="left">
|
||||
<button className="circle transparent ">
|
||||
<img className="responsive" src="/favicon.ico"></img>
|
||||
</button>
|
||||
|
||||
<Link href="/" className={pathname == "/" ? "active" : ""}>
|
||||
<i>home</i>
|
||||
<div>Home</div>
|
||||
</Link>
|
||||
<Link href="/favorites" className={pathname == "/favorites" ? "active" : ""}>
|
||||
<i>favorite</i>
|
||||
<div>Favorites</div>
|
||||
</Link>
|
||||
<Link href="/search" className={pathname == "/search" ? "active" : ""}>
|
||||
<i>search</i>
|
||||
<div>Search</div>
|
||||
</Link>
|
||||
<Link href="/history" className={pathname == "/history" ? "active" : ""}>
|
||||
<i>history</i>
|
||||
<div>History</div>
|
||||
</Link>
|
||||
{/* <a>
|
||||
<i>share</i>
|
||||
<div>share</div>
|
||||
</a> */}
|
||||
</nav>
|
||||
);
|
||||
};
|
Loading…
Add table
Add a link
Reference in a new issue