feat(frontend): no show current user in users list

CharlyJazz · Dec 10, 2023 · a1aa5f8 · a1aa5f8
1 parent b9fe6fa
commit a1aa5f8
Showing 1 changed file with 30 additions and 28 deletions.
diff --git a/frontend-web/src/app/chat/[[...id]]/page.tsx b/frontend-web/src/app/chat/[[...id]]/page.tsx
@@ -128,35 +128,37 @@ const ChatPage = () => {
             }}
           >
             {!usersError &&
-              usersData.map((user) => {
-                const friendOrUnknow = chatsData?.some((chat) =>
-                  chat.users_id.includes(String(user.id))
-                );
-                return (
-                  <Menu.Item
-                    key={user.id}
-                    onClick={() => handleUserSelect(user)}
-                  >
-                    <Space>
-                      <Badge
-                        size="small"
-                        count={friendOrUnknow ? "" : "?"}
-                        color={friendOrUnknow ? "green" : "yellow"}
-                      >
-                        <Avatar
-                          size={"small"}
-                          style={{
-                            backgroundColor: stc(user.username + user.id),
-                          }}
+              usersData
+                .filter((n) => String(n.id) !== String(currentUserId))
+                .map((user) => {
+                  const friendOrUnknow = chatsData?.some((chat) =>
+                    chat.users_id.includes(String(user.id))
+                  );
+                  return (
+                    <Menu.Item
+                      key={user.id}
+                      onClick={() => handleUserSelect(user)}
+                    >
+                      <Space>
+                        <Badge
+                          size="small"
+                          count={friendOrUnknow ? "" : "?"}
+                          color={friendOrUnknow ? "green" : "yellow"}
                         >
-                          {user.username[0]}
-                        </Avatar>
-                      </Badge>
-                      <Typography.Text>{user.username}</Typography.Text>
-                    </Space>
-                  </Menu.Item>
-                );
-              })}
+                          <Avatar
+                            size={"small"}
+                            style={{
+                              backgroundColor: stc(user.username + user.id),
+                            }}
+                          >
+                            {user.username[0]}
+                          </Avatar>
+                        </Badge>
+                        <Typography.Text>{user.username}</Typography.Text>
+                      </Space>
+                    </Menu.Item>
+                  );
+                })}
             {usersError ? (
               <Space>
                 {/* Display error message */}