updated

client/ui/chat-fragment/ChatMessageContainer.tsx

@@ -0,0 +1,24 @@
+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>
+    )
+}