Add showing avatars in users list

frontend-park-mail-ru · Dec 15, 2024 · 32fef0f · 32fef0f
1 parent 682f975
commit 32fef0f
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/public/modules/Serializer.ts b/public/modules/Serializer.ts
@@ -157,3 +157,14 @@ export const serializeSavedMovies = (savedMovies: any) => {
     return serializeSavedMovie(savedMovie);
   });
 };
+
+export const serializeUsersList = (users: any) => {
+  return users.map((user: any) => {
+    return {
+      id: user.id,
+      username: user.username,
+      email: user.email,
+      avatar: HOST + user.avatar_url,
+    };
+  });
+};
diff --git a/public/store/RoomPageStore.ts b/public/store/RoomPageStore.ts
@@ -8,7 +8,11 @@ import { User } from 'types/user';
 import { apiClient } from 'modules/ApiClient';
 import { router } from 'modules/Router';
 import { Emitter } from 'modules/Emmiter';
-import { serializeRoom, serializeMovieDetailed } from 'modules/Serializer';
+import {
+  serializeRoom,
+  serializeMovieDetailed,
+  serializeUsersList,
+} from 'modules/Serializer';
 
 const roomPage = new RoomPage();
 
@@ -145,7 +149,7 @@ class RoomPageStore {
         this.setState(serializeRoom(messageData));
         roomPage.render();
       } else if (Array.isArray(messageData)) {
-        roomPage.renderUsersList(messageData);
+        roomPage.renderUsersList(serializeUsersList(messageData));
       } else if (messageData.timeCode) {
         if (messageData.timeCode - roomPage.getCurrentVideoTime() > 2) {
           roomPage.setVideoTime(messageData.timeCode);