UserList -> getUserRooms script fixed. / MutualServers key issue fixed.

Author: JasminDreasond

src/app/organisms/profile-viewer/tabs/MutualServers.jsx

@@ -34,12 +34,12 @@ function MutualServerRender({ userId, requestClose }) {
           {userData.spaces.length > 0 ? (
             <>
               <div className="small text-gray ms-2 mb-1">Spaces</div>
-              <ul class="mutual-servers m-0 p-0">
+              <ul className="mutual-servers m-0 p-0">
                 {userData.spaces.map((roomId) => {
                   const room = mx.getRoom(roomId);
 
                   return (
-                    <li class="list-group-item">
+                    <li key={`mutual_servers_space_${roomId}`} className="list-group-item">
                       <RoomSelector
                         key={`mutual_servers_${roomId}`}
                         name={room.name}
@@ -63,12 +63,12 @@ function MutualServerRender({ userId, requestClose }) {
             <>
               {userData.spaces.length > 0 ? <hr className="mx-0 my-2 border-bg" /> : null}
               <div className="small text-gray ms-2 mb-1">Rooms</div>
-              <ul class="mutual-servers m-0 p-0">
+              <ul className="mutual-servers m-0 p-0">
                 {userData.rooms.map((roomId) => {
                   const room = mx.getRoom(roomId);
 
                   return (
-                    <li class="list-group-item">
+                    <li key={`mutual_servers_room_${roomId}`} className="list-group-item">
                       <RoomSelector
                         key={`mutual_servers_${roomId}`}
                         name={room.name}

src/client/state/UserList.js

@@ -10,7 +10,7 @@ class UserList extends EventEmitter {
     this.users = new Map();
     this.rooms = new Map();
 
-    this._populateRooms();
+    this.populateRooms();
     this._listenEvents();
   }
 
@@ -27,20 +27,28 @@ class UserList extends EventEmitter {
     if (rooms) {
       let using = false;
       const result = { spaces: [], rooms: [] };
+      const checked = [];
       const { roomList } = initMatrix;
 
-      rooms.forEach((roomId) => {
-        if (roomList.isOrphan(roomId)) {
-          if (roomList.spaces.has(roomId)) {
-            using = true;
-            result.spaces.push(roomId);
-          } else if (!roomList.directs.has(roomId)) {
-            using = true;
-            result.rooms.push(roomId);
+      const insertRoom = (roomId) => {
+        if (checked.indexOf(roomId) < 0) {
+          checked.push(roomId);
+          if (roomList.isOrphan(roomId)) {
+            if (roomList.spaces.has(roomId)) {
+              using = true;
+              result.spaces.push(roomId);
+            } else if (!roomList.directs.has(roomId)) {
+              using = true;
+              result.rooms.push(roomId);
+            }
+          } else {
+            const moreRooms = roomList.roomIdToParents.get(roomId);
+            if (moreRooms) moreRooms.forEach((roomId2) => insertRoom(roomId2));
           }
         }
-      });
+      };
 
+      rooms.forEach((roomId) => insertRoom(roomId));
       if (using) return result;
     }
     return null;
@@ -118,7 +126,7 @@ class UserList extends EventEmitter {
     });
   }
 
-  _populateRooms() {
+  populateRooms() {
     const tinyThis = this;
     this.matrixClient.getRooms().forEach((room) => {
       tinyThis.populateRoom(room);