24 lines
483 B
TypeScript
24 lines
483 B
TypeScript
import type { UIMessage } from "ai"
|
|
|
|
export const UserMessage = (props:{message: UIMessage}) => {
|
|
let message = props.message.parts.reduce((acc, part) => {
|
|
if (part.type == 'text') {
|
|
return acc + part.text
|
|
}
|
|
return acc
|
|
},"");
|
|
return (
|
|
<div
|
|
key={props.message.id}
|
|
className='flex justify-end'
|
|
>
|
|
<div
|
|
className=
|
|
'max-w-[80%] px-4 py-2 text-sm space-y-2 bg-primary'
|
|
>
|
|
{message}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|