dmitry.galkin/chatbot-template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: update sidebar structure to match shadcn spec (#591)

Browse source
This commit is contained in:
Jeremy 2024-12-04 18:20:35 +03:00 • committed by GitHub
parent b609dca828
commit 2e479ccce7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
13 changed files with 95 additions and 125 deletions
Download patch file Download diff file Expand all files Collapse all files

27
components/sidebar-toggle.tsx
View file

@ -1,7 +1,11 @@
import type { ComponentProps } from 'react';
import { type SidebarTrigger, useSidebar } from '@/components/ui/sidebar';
import { BetterTooltip } from '@/components/ui/tooltip';
import {
Tooltip,
TooltipContent,
TooltipTrigger,
} from '@/components/ui/tooltip';
import { SidebarLeftIcon } from './icons';
import { Button } from './ui/button';
@ -12,14 +16,17 @@ export function SidebarToggle({
const { toggleSidebar } = useSidebar();
return (
<BetterTooltip content="Toggle Sidebar" align="start">
<Button
onClick={toggleSidebar}
variant="outline"
className="md:px-2 md:h-fit"
>
<SidebarLeftIcon size={16} />
</Button>
</BetterTooltip>
<Tooltip>
<TooltipTrigger asChild>
<Button
onClick={toggleSidebar}
variant="outline"
className="md:px-2 md:h-fit"
>
<SidebarLeftIcon size={16} />
</Button>
</TooltipTrigger>
<TooltipContent align="start">Toggle Sidebar</TooltipContent>
</Tooltip>
);
}