web/components/custom/SidebarToggle.tsx

26 lines
648 B
TypeScript
Raw Normal View History

"use client";
import { useSidebar } from "@/components/ui/sidebar";
import { Button } from "@/components/ui/button";
import { Menu } from "lucide-react";
const SidebarToggle = () => {
// TODO: Sidebar logic needs fixing (hide sidebar on button click)
const { toggleSidebar } = useSidebar();
return (
<div className="fixed bottom-4 left-4 mb-10 ml-0.5 lg:ml-64">
<Button
size="icon"
variant="outline"
onClick={toggleSidebar}
>
<Menu className="h-[1.2rem] w-[1.2rem]" />
<span className="sr-only">Toggle sidebar</span>
</Button>
</div>
);
};
export default SidebarToggle;