Add user detail API + modal. Closes #2002

web/services/chat-service.ts

@@ -1,5 +1,6 @@
 import { ChatMessage } from '../interfaces/chat-message.model';
 import { getUnauthedData } from '../utils/apis';
+
 const ENDPOINT = `/api/chat`;
 const URL_CHAT_REGISTRATION = `/api/chat/register`;
 

web/services/moderation-service.ts

@@ -0,0 +1,38 @@
+const HIDE_MESSAGE_ENDPOINT = `/api/chat/messagevisibility`;
+const BAN_USER_ENDPOINT = `/api/chat/users/setenabled`;
+
+class ChatModerationService {
+  public static async removeMessage(id: string, accessToken: string): Promise<any> {
+    const url = new URL(HIDE_MESSAGE_ENDPOINT, window.location.toString());
+    url.searchParams.append('accessToken', accessToken);
+    const hideMessageUrl = url.toString();
+
+    const options = {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({ idArray: [id] }),
+    };
+
+    await fetch(hideMessageUrl, options);
+  }
+
+  public static async banUser(id: string, accessToken: string): Promise<any> {
+    const url = new URL(BAN_USER_ENDPOINT, window.location.toString());
+    url.searchParams.append('accessToken', accessToken);
+    const hideMessageUrl = url.toString();
+
+    const options = {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({ id }),
+    };
+
+    await fetch(hideMessageUrl, options);
+  }
+}
+
+export default ChatModerationService;