84dd54a98c
* fix(UI): #250 better chat left side bar Signed-off-by: James <james@jan.ai> Co-authored-by: James <james@jan.ai>
30 lines
793 B
TypeScript
30 lines
793 B
TypeScript
"use client";
|
|
|
|
import { currentConversationAtom } from "@/_helpers/atoms/Conversation.atom";
|
|
import { useAtomValue } from "jotai";
|
|
import Image from "next/image";
|
|
|
|
const UserToolbar: React.FC = () => {
|
|
const currentConvo = useAtomValue(currentConversationAtom);
|
|
|
|
const avatarUrl = currentConvo?.image;
|
|
const title = currentConvo?.summary ?? currentConvo?.name ?? "";
|
|
|
|
return (
|
|
<div className="flex items-center gap-3 p-1">
|
|
<Image
|
|
className="rounded-full aspect-square w-8 h-8"
|
|
src={avatarUrl ?? "icons/app_icon.svg"}
|
|
alt=""
|
|
width={36}
|
|
height={36}
|
|
/>
|
|
<span className="flex gap-0.5 leading-6 text-base font-semibold">
|
|
{title}
|
|
</span>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default UserToolbar;
|