Fill out some more components + add application state enums

web/services/chat-service.ts

@@ -0,0 +1,39 @@
+import { ChatMessage } from '../interfaces/chat-message.model';
+const ENDPOINT = `http://localhost:8080/api/chat`;
+const URL_CHAT_REGISTRATION = `http://localhost:8080/api/chat/register`;
+
+interface UserRegistrationResponse {
+  id: string;
+  accessToken: string;
+  displayName: string;
+}
+
+class ChatService {
+  public static async getChatHistory(accessToken: string): Promise<ChatMessage[]> {
+    const response = await fetch(`${ENDPOINT}?accessToken=${accessToken}`);
+    const status = await response.json();
+    return status;
+  }
+
+  public static async registerUser(username: string): Promise<UserRegistrationResponse> {
+    const options = {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({ displayName: username }),
+    };
+
+    try {
+      const response = await fetch(URL_CHAT_REGISTRATION, options);
+      const result = await response.json();
+      return result;
+    } catch (e) {
+      console.error(e);
+    }
+
+    return null;
+  }
+}
+
+export default ChatService;