36 lines
889 B
TypeScript
36 lines
889 B
TypeScript
|
import type { ComponentProps } from "react";
|
||
|
|
|
||
|
|
import { type SidebarTrigger, useSidebar } from "@/components/ui/sidebar";
|
||
|
|
import {
|
||
|
|
Tooltip,
|
||
|
|
TooltipContent,
|
||
|
|
TooltipTrigger,
|
||
|
|
} from "@/components/ui/tooltip";
|
||
|
|
import { Button } from "../ui/button";
|
||
|
|
import { SidebarLeftIcon } from "./icons";
|
||
|
|
|
||
|
|
export function SidebarToggle({
|
||
|
|
className,
|
||
|
|
}: ComponentProps<typeof SidebarTrigger>) {
|
||
|
|
const { toggleSidebar } = useSidebar();
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Tooltip>
|
||
|
|
<TooltipTrigger asChild>
|
||
|
|
<Button
|
||
|
|
className={className}
|
||
|
|
data-testid="sidebar-toggle-button"
|
||
|
|
onClick={toggleSidebar}
|
||
|
|
size="icon-sm"
|
||
|
|
variant="outline"
|
||
|
|
>
|
||
|
|
<SidebarLeftIcon size={16} />
|
||
|
|
</Button>
|
||
|
|
</TooltipTrigger>
|
||
|
|
<TooltipContent align="start" className="hidden md:block">
|
||
|
|
Toggle Sidebar
|
||
|
|
</TooltipContent>
|
||
|
|
</Tooltip>
|
||
|
|
);
|
||
|
|
}
|