Add room alias or id as fallback in room profile

Signed-off-by: Ajay Bura <ajbura@gmail.com>

diff --git a/src/app/molecules/room-profile/RoomProfile.jsx b/src/app/molecules/room-profile/RoomProfile.jsx
index fefac0bb8f4d217819c581673361ad9e64190163..d9869bc8b6bafb86c48d582f269614ae6eb53489 100644 (file)
--- a/src/app/molecules/room-profile/RoomProfile.jsx
+++ b/src/app/molecules/room-profile/RoomProfile.jsx
@@ -153,6 +153,7 @@ function RoomProfile({ roomId }) {
           />
         )}
       </div>
+      <Text variant="b3">{room.getCanonicalAlias() || room.roomId}</Text>
       {roomTopic && <Text variant="b2">{twemojify(roomTopic, undefined, true)}</Text>}
     </div>
   );

diff --git a/src/app/molecules/room-profile/RoomProfile.scss b/src/app/molecules/room-profile/RoomProfile.scss
index e6b12db24a9d9cbf92d8817dc83fac130d1191a6..43d7014451ae247fed11772eaaffdab842711a94 100644 (file)
--- a/src/app/molecules/room-profile/RoomProfile.scss
+++ b/src/app/molecules/room-profile/RoomProfile.scss
@@ -21,7 +21,7 @@
       }
     }
 
-    & > *:last-child {
+    & > *:not(:first-child) {
       margin-top: var(--sp-ultra-tight);
       white-space: pre-wrap;
       word-break: break-word;