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

20 lines
779 B
TypeScript

import MobileSidebarItem from "@/components/shared/sidebar/MobileSidebarItem";
import HoarderLogoIcon from "@/public/icons/logo-icon.svg";
import { CheckCheck, ClipboardList, GaugeCircleIcon, Home, HomeIcon, 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={<Home />}
path="/dashboard/day/today"
/>
<MobileSidebarItem logo={<Tag />} path="/dashboard/categories" />
<MobileSidebarItem logo={<CheckCheck />} path="/dashboard/metrics" />
<MobileSidebarItem logo={<GaugeCircleIcon />} path="/analytics" />
</ul>
</aside>
);
}