lifetracker/apps/web/components/dashboard/sidebar/ModileSidebar.tsx

20 lines
770 B
TypeScript

import MobileSidebarItem from "@/components/shared/sidebar/ModileSidebarItem";
import HoarderLogoIcon from "@/public/icons/logo-icon.svg";
import { ClipboardList, Search, Tag } from "lucide-react";
export default async function MobileSidebar() {
return (
<aside className="w-full">
<ul className="flex justify-between space-x-2 border-b-black px-5 py-2 pt-5">
<MobileSidebarItem
logo={<HoarderLogoIcon className="w-5 fill-foreground" />}
path="/dashboard/bookmarks"
/>
<MobileSidebarItem logo={<Search />} path="/dashboard/search" />
<MobileSidebarItem logo={<ClipboardList />} path="/dashboard/lists" />
<MobileSidebarItem logo={<Tag />} path="/dashboard/tags" />
</ul>
</aside>
);
}