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