35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenuButton, SidebarMenuItem } from "@/components/ui/sidebar";
|
|
import { tools } from "@/components/tool";
|
|
import { Link } from "react-router-dom";
|
|
|
|
export const AppSidebar = () => (
|
|
<Sidebar>
|
|
<SidebarHeader className="text-2xl font-bold flex justify-center items-center">
|
|
Lite Kit
|
|
</SidebarHeader>
|
|
<SidebarContent>
|
|
<SidebarGroup>
|
|
<SidebarGroupLabel>
|
|
Tools
|
|
</SidebarGroupLabel>
|
|
<SidebarGroupContent>
|
|
{
|
|
tools.map((tool) => (
|
|
<SidebarMenuItem key={tool.name}>
|
|
<SidebarMenuButton asChild>
|
|
<Link to={`/tool/${tool.path}`} title={tool.description}>
|
|
{tool.icon}
|
|
{tool.name}
|
|
</Link>
|
|
</SidebarMenuButton>
|
|
</SidebarMenuItem>
|
|
))
|
|
}
|
|
</SidebarGroupContent>
|
|
</SidebarGroup>
|
|
</SidebarContent>
|
|
<SidebarFooter>
|
|
<a href="mailto:litek@mail.typist.cc">contact us</a>
|
|
</SidebarFooter>
|
|
</Sidebar>
|
|
) |