Fix setting title of shared conversation, move shared button into the title pane

This commit is contained in:
sabaimran
2024-12-10 18:19:46 -08:00
parent d7e5a76ace
commit 321eeeaed7
2 changed files with 56 additions and 40 deletions

View File

@@ -105,7 +105,6 @@ import { ScrollAreaScrollbar } from "@radix-ui/react-scroll-area";
import { KhojLogoType } from "@/app/components/logo/khojLogo"; import { KhojLogoType } from "@/app/components/logo/khojLogo";
import NavMenu from "@/app/components/navMenu/navMenu"; import NavMenu from "@/app/components/navMenu/navMenu";
import { getIconFromIconName } from "@/app/common/iconUtils"; import { getIconFromIconName } from "@/app/common/iconUtils";
import AgentProfileCard from "../profileCard/profileCard";
// Define a fetcher function // Define a fetcher function
const fetcher = (url: string) => const fetcher = (url: string) =>
@@ -627,6 +626,16 @@ export function ChatSessionActionMenu(props: ChatSessionActionMenuProps) {
const size = sizeClass(); const size = sizeClass();
return ( return (
<div className="flex items-center gap-2">
{(props.sizing === "lg" || props.sizing === "md") && (
<Button
className="p-0 text-sm h-auto"
variant={"ghost"}
onClick={() => setIsSharing(true)}
>
<Share className={`${size}`} />
</Button>
)}
<DropdownMenu onOpenChange={(open) => setIsOpen(open)} open={isOpen}> <DropdownMenu onOpenChange={(open) => setIsOpen(open)} open={isOpen}>
<DropdownMenuTrigger> <DropdownMenuTrigger>
<DotsThreeVertical className={`${size}`} /> <DotsThreeVertical className={`${size}`} />
@@ -642,6 +651,7 @@ export function ChatSessionActionMenu(props: ChatSessionActionMenuProps) {
Rename Rename
</Button> </Button>
</DropdownMenuItem> </DropdownMenuItem>
{props.sizing === "sm" && (
<DropdownMenuItem> <DropdownMenuItem>
<Button <Button
className="p-0 text-sm h-auto" className="p-0 text-sm h-auto"
@@ -652,6 +662,7 @@ export function ChatSessionActionMenu(props: ChatSessionActionMenuProps) {
Share Share
</Button> </Button>
</DropdownMenuItem> </DropdownMenuItem>
)}
<DropdownMenuItem> <DropdownMenuItem>
<Button <Button
className="p-0 text-sm h-auto text-rose-300 hover:text-rose-400" className="p-0 text-sm h-auto text-rose-300 hover:text-rose-400"
@@ -664,6 +675,7 @@ export function ChatSessionActionMenu(props: ChatSessionActionMenuProps) {
</DropdownMenuItem> </DropdownMenuItem>
</DropdownMenuContent> </DropdownMenuContent>
</DropdownMenu> </DropdownMenu>
</div>
); );
} }
@@ -685,7 +697,11 @@ function ChatSession(props: ChatHistory) {
> >
<p className={styles.session}>{title}</p> <p className={styles.session}>{title}</p>
</Link> </Link>
<ChatSessionActionMenu conversationId={props.conversation_id} setTitle={setTitle} /> <ChatSessionActionMenu
conversationId={props.conversation_id}
setTitle={setTitle}
sizing="sm"
/>
</div> </div>
); );
} }

View File

@@ -857,7 +857,7 @@ class ConversationAdapters:
agent=conversation.agent, agent=conversation.agent,
conversation_log=conversation.conversation_log, conversation_log=conversation.conversation_log,
slug=conversation.slug, slug=conversation.slug,
title=conversation.title, title=conversation.title if conversation.title else conversation.slug,
) )
@staticmethod @staticmethod