36 lines
954 B
TypeScript
36 lines
954 B
TypeScript
import type { ComponentProps } from "react";
|
|
|
|
import { type SidebarTrigger, useSidebar } from "@/components/ui/sidebar";
|
|
import {
|
|
Tooltip,
|
|
TooltipContent,
|
|
TooltipTrigger,
|
|
} from "@/components/ui/tooltip";
|
|
import { cn } from "@/lib/utils";
|
|
import { SidebarLeftIcon } from "./icons";
|
|
import { Button } from "./ui/button";
|
|
|
|
export function SidebarToggle({
|
|
className,
|
|
}: ComponentProps<typeof SidebarTrigger>) {
|
|
const { toggleSidebar } = useSidebar();
|
|
|
|
return (
|
|
<Tooltip>
|
|
<TooltipTrigger asChild>
|
|
<Button
|
|
className={cn("h-8 px-2 md:h-fit md:px-2", className)}
|
|
data-testid="sidebar-toggle-button"
|
|
onClick={toggleSidebar}
|
|
variant="outline"
|
|
>
|
|
<SidebarLeftIcon size={16} />
|
|
</Button>
|
|
</TooltipTrigger>
|
|
<TooltipContent align="start" side="bottom" className="hidden md:block">
|
|
展开或收起侧边栏
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
);
|
|
}
|