00c944c0b5
* add empty conversation model selection Signed-off-by: James <james@jan.ai> * chore: using secondary button instead of sidebar button Signed-off-by: James <james@jan.ai> --------- Signed-off-by: James <james@jan.ai> Co-authored-by: James <james@jan.ai>
30 lines
770 B
TypeScript
30 lines
770 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?.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-[2px] leading-6 text-base font-semibold">
|
|
{title}
|
|
</span>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default UserToolbar;
|