Dominic Elm
commited on
fix: user avatar (#51)
Browse files
packages/bolt/app/components/chat/Messages.client.tsx
CHANGED
@@ -35,8 +35,12 @@ export const Messages = React.forwardRef<HTMLDivElement, MessagesProps>((props:
|
|
35 |
})}
|
36 |
>
|
37 |
{isUserMessage && (
|
38 |
-
<div className="flex items-center justify-center
|
39 |
-
{avatar ?
|
|
|
|
|
|
|
|
|
40 |
</div>
|
41 |
)}
|
42 |
<div className="grid grid-col-1 w-full">
|
|
|
35 |
})}
|
36 |
>
|
37 |
{isUserMessage && (
|
38 |
+
<div className="flex items-center justify-center w-[34px] h-[34px] overflow-hidden bg-white text-gray-600 rounded-full shrink-0 self-start">
|
39 |
+
{avatar ? (
|
40 |
+
<img className="w-full h-full object-cover" src={avatar} />
|
41 |
+
) : (
|
42 |
+
<div className="i-ph:user-fill text-xl"></div>
|
43 |
+
)}
|
44 |
</div>
|
45 |
)}
|
46 |
<div className="grid grid-col-1 w-full">
|