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

Use geist icons and group history by ranges (#471)

Browse source
This commit is contained in:
Jeremy 2024-10-31 15:39:07 +05:30 • committed by GitHub
parent dce1314084
commit 543267516e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
8 changed files with 306 additions and 107 deletions
Download patch file Download diff file Expand all files Collapse all files

7
components/custom/chat-header.tsx
View file

@ -1,4 +1,3 @@
import { Plus } from 'lucide-react';
import Link from 'next/link';
import { ModelSelector } from '@/components/custom/model-selector';
@ -6,9 +5,11 @@ import { SidebarToggle } from '@/components/custom/sidebar-toggle';
import { Button } from '@/components/ui/button';
import { BetterTooltip } from '@/components/ui/tooltip';
import { PlusIcon } from './icons';
export function ChatHeader({ selectedModelId }: { selectedModelId: string }) {
return (
<header className="flex h-16 sticky top-0 bg-background md:h-12 items-center px-2 md:px-2 z-10">
<header className="flex h-16 sticky top-0 bg-background md:h-12 items-center px-2 md:px-2 gap-2">
<SidebarToggle />
<BetterTooltip content="New Chat">
<Button
@ -17,7 +18,7 @@ export function ChatHeader({ selectedModelId }: { selectedModelId: string }) {
asChild
>
<Link href="/">
<Plus />
<PlusIcon />
<span className="md:sr-only">New Chat</span>
</Link>
</Button>