d55a83888b
* refactor: replacing mobx with jotai Signed-off-by: James <james@jan.ai> Co-authored-by: James <james@jan.ai> Co-authored-by: Louis <louis@jan.ai>
30 lines
761 B
TypeScript
30 lines
761 B
TypeScript
"use client";
|
|
|
|
import { currentConversationAtom } from "@/_helpers/JotaiWrapper";
|
|
import { useAtomValue } from "jotai";
|
|
import Image from "next/image";
|
|
|
|
const UserToolbar: React.FC = () => {
|
|
const currentConvo = useAtomValue(currentConversationAtom);
|
|
|
|
const avatarUrl = currentConvo?.product.avatarUrl ?? "";
|
|
const title = currentConvo?.product.name ?? "";
|
|
|
|
return (
|
|
<div className="flex items-center gap-3 p-1">
|
|
<Image
|
|
className="rounded-full aspect-square w-8 h-8"
|
|
src={avatarUrl}
|
|
alt=""
|
|
width={36}
|
|
height={36}
|
|
/>
|
|
<span className="flex gap-[2px] leading-6 text-base font-semibold">
|
|
{title}
|
|
</span>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default UserToolbar;
|