Send room display name as part of invite link (if needed)

src/components/CreateRoom.vue

@@ -295,7 +295,7 @@ export default {
         }
         if (room) {
           this.publicRoomLink = this.$router.getRoomLink(
-            room.getCanonicalAlias() || roomId
+            room.getCanonicalAlias(), roomId, room.name
           );
         }
       });

src/components/Join.vue

@@ -13,7 +13,7 @@
             {{ roomId && roomId.startsWith("@") ? $t("join.title_user") : $t("join.title") }}
           </div>
           <div class="join-title">
-            {{ roomName }}
+            {{ roomDisplayName || roomName }}
           </div>
         </div>
 
@@ -215,6 +215,14 @@ export default {
       let activeLanguages = [...this.getLanguages()];
       return activeLanguages.filter((lang) => lang.value === this.$i18n.locale);
     },
+    roomDisplayName() {
+      // If there is a display name in to invite link, use that!
+      try {
+        return new URL(location.href).searchParams.get('roomName');
+      } catch(ignoredError) {
+        return undefined;
+      }
+    }
   },
   watch: {
     roomId: {

src/components/roomInfoMixin.js

@@ -57,7 +57,7 @@ export default {
     publicRoomLink() {
       if (this.room && this.roomJoinRule == "public") {
         return this.$router.getRoomLink(
-          this.room.getCanonicalAlias() || this.room.roomId
+          this.room.getCanonicalAlias(), this.room.roomId, this.room.name
         );
       }
       return null;