feat: deduplicate collab avatars based on id (#5309)

2022-06-15 15:35:57 +02:00
parent ec35d5db51
commit 5feacd9a3b
7 changed files with 54 additions and 48 deletions
--- a/src/components/MobileMenu.tsx
+++ b/src/components/MobileMenu.tsx
@ -202,20 +202,11 @@ export const MobileMenu = ({
                  {appState.collaborators.size > 0 && (
                    <fieldset>
                      <legend>{t("labels.collaborators")}</legend>
-                      <UserList mobile>
-                        {Array.from(appState.collaborators)
-                          // Collaborator is either not initialized or is actually the current user.
-                          .filter(
-                            ([_, client]) => Object.keys(client).length !== 0,
-                          )
-                          .map(([clientId, client]) => (
-                            <React.Fragment key={clientId}>
-                              {actionManager.renderAction("goToCollaborator", {
-                                id: clientId,
-                              })}
-                            </React.Fragment>
-                          ))}
-                      </UserList>
+                      <UserList
+                        mobile
+                        collaborators={appState.collaborators}
+                        actionManager={actionManager}
+                      />
                    </fieldset>
                  )}
                </Stack.Col>