integrate ai gateway and improve ui components (#1145)
This commit is contained in:
parent
7315ced92f
commit
dff2191611
29 changed files with 235 additions and 217 deletions
|
|
@ -152,7 +152,7 @@ export function SidebarHistory({ user }: { user: User | undefined }) {
|
|||
return (
|
||||
<SidebarGroup>
|
||||
<SidebarGroupContent>
|
||||
<div className="px-2 text-zinc-500 w-full flex flex-row justify-center items-center text-sm gap-2">
|
||||
<div className="flex flex-row gap-2 justify-center items-center px-2 w-full text-sm text-zinc-500">
|
||||
Login to save and revisit previous chats!
|
||||
</div>
|
||||
</SidebarGroupContent>
|
||||
|
|
@ -171,7 +171,7 @@ export function SidebarHistory({ user }: { user: User | undefined }) {
|
|||
{[44, 32, 28, 64, 52].map((item) => (
|
||||
<div
|
||||
key={item}
|
||||
className="rounded-md h-8 flex gap-2 px-2 items-center"
|
||||
className="flex gap-2 items-center px-2 h-8 rounded-md"
|
||||
>
|
||||
<div
|
||||
className="h-4 rounded-md flex-1 max-w-[--skeleton-width] bg-sidebar-accent-foreground/10"
|
||||
|
|
@ -193,7 +193,7 @@ export function SidebarHistory({ user }: { user: User | undefined }) {
|
|||
return (
|
||||
<SidebarGroup>
|
||||
<SidebarGroupContent>
|
||||
<div className="px-2 text-zinc-500 w-full flex flex-row justify-center items-center text-sm gap-2">
|
||||
<div className="flex flex-row gap-2 justify-center items-center px-2 w-full text-sm text-zinc-500">
|
||||
Your conversations will appear here once you start chatting!
|
||||
</div>
|
||||
</SidebarGroupContent>
|
||||
|
|
@ -329,11 +329,11 @@ export function SidebarHistory({ user }: { user: User | undefined }) {
|
|||
/>
|
||||
|
||||
{hasReachedEnd ? (
|
||||
<div className="px-2 text-zinc-500 w-full flex flex-row justify-center items-center text-sm gap-2 mt-8">
|
||||
<div className="flex flex-row gap-2 justify-center items-center px-2 mt-8 w-full text-sm text-zinc-500">
|
||||
You have reached the end of your chat history.
|
||||
</div>
|
||||
) : (
|
||||
<div className="p-2 text-zinc-500 dark:text-zinc-400 flex flex-row gap-2 items-center mt-8">
|
||||
<div className="flex flex-row gap-2 items-center p-2 mt-8 text-zinc-500 dark:text-zinc-400">
|
||||
<div className="animate-spin">
|
||||
<LoaderIcon />
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue