Fill out some more components + add application state enums

web/components/chat/ChatContainer.tsx

@@ -1,9 +1,21 @@
+import { Spin } from 'antd';
 import { ChatMessage } from '../../interfaces/chat-message.model';
+import { ChatState } from '../../interfaces/application-state';
 
 interface Props {
   messages: ChatMessage[];
+  state: ChatState;
 }
 
 export default function ChatContainer(props: Props) {
-  return <div>Chat container goes here</div>;
+  const { messages, state } = props;
+  const loading = state === ChatState.Loading;
+
+  return (
+    <div>
+      <Spin tip="Loading..." spinning={loading}>
+        Chat container with scrolling chat messages go here
+      </Spin>
+    </div>
+  );
 }