25 lines
596 B
TypeScript
25 lines
596 B
TypeScript
import { Chat, Message } from 'lingchair-client-protocol'
|
|
import * as React from 'react'
|
|
|
|
export default function ChatMessageContainer({
|
|
chatInfo,
|
|
}: {
|
|
chatInfo: Chat
|
|
}) {
|
|
const [messages, setMessages] = React.useState<Message[]>()
|
|
|
|
return (
|
|
<div style={{
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
justifyContent: 'flex-end',
|
|
alignItems: 'center',
|
|
marginBottom: '20px',
|
|
paddingTop: "15px",
|
|
flexGrow: '1',
|
|
}}>
|
|
{messages?.map((v) => v.getText())}
|
|
</div>
|
|
)
|
|
}
|