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

47
components/app-sidebar.tsx
View file

@ -17,8 +17,8 @@ import {
SidebarMenu,
useSidebar,
} from '@/components/ui/sidebar';
import { BetterTooltip } from '@/components/ui/tooltip';
import Link from 'next/link';
import { Tooltip, TooltipContent, TooltipTrigger } from './ui/tooltip';
export function AppSidebar({ user }: { user: User | undefined }) {
const router = useRouter();
@ -40,37 +40,30 @@ export function AppSidebar({ user }: { user: User | undefined }) {
Chatbot
</span>
</Link>
<BetterTooltip content="New Chat" align="start">
<Button
variant="ghost"
type="button"
className="p-2 h-fit"
onClick={() => {
setOpenMobile(false);
router.push('/');
router.refresh();
}}
>
<PlusIcon />
</Button>
</BetterTooltip>
<Tooltip>
<TooltipTrigger asChild>
<Button
variant="ghost"
type="button"
className="p-2 h-fit"
onClick={() => {
setOpenMobile(false);
router.push('/');
router.refresh();
}}
>
<PlusIcon />
</Button>
</TooltipTrigger>
<TooltipContent align="end">New Chat</TooltipContent>
</Tooltip>
</div>
</SidebarMenu>
</SidebarHeader>
<SidebarContent>
<SidebarGroup className="-mx-2">
<SidebarHistory user={user} />
</SidebarGroup>
<SidebarHistory user={user} />
</SidebarContent>
<SidebarFooter className="gap-0 -mx-2">
{user && (
<SidebarGroup>
<SidebarGroupContent>
<SidebarUserNav user={user} />
</SidebarGroupContent>
</SidebarGroup>
)}
</SidebarFooter>
<SidebarFooter>{user && <SidebarUserNav user={user} />}</SidebarFooter>
</Sidebar>
);
}