Merge branch '531-improve-design-of-the-loading-state-welcome-message-dm' into 'dev'

Change welcome page for direct messages

See merge request keanuapp/keanuapp-weblite!243

src/assets/translations/en.json

@@ -133,8 +133,7 @@
     "info_permissions": "You can change ‘join permissions’ at any time in the room settings.",
     "got_it": "Got it",
     "no_past_messages": "Welcome! For your security, past messages are not available.",
-    "direct_hi": "Hi!",
-    "direct_info": "You’ve connected to {user}. Leave a message and they’ll be notified.",
+    "direct_info": "Hi, {you}. You’re in a private chat with {user}.",
     "direct_private_chat": "Direct Message"
   },
   "new_room": {

src/components/DirectChatWelcomeHeader.vue

@@ -1,14 +1,7 @@
 <template>
   <div style="text-align: center;">
   <div class="created-room-welcome-header">
-    <v-avatar class="typing-user" size="40" color="grey" v-if="isPrivate">
-          <img v-if="privatePartyAvatar(80)" :src="privatePartyAvatar(80)" />
-          <span v-else class="white--text headline">{{
-            privateParty.name.substring(0, 1).toUpperCase()
-        }}</span>
-    </v-avatar>
-    <h2>{{ $t("room_welcome.direct_hi") }}</h2>
-    <div class="mt-2" v-if="privateParty">{{ $t("room_welcome.direct_info", { user: privateParty.name }) }}</div>
+    <div class="mt-2" v-if="privateParty">{{ $t("room_welcome.direct_info", { you: $matrix.currentUserDisplayName, user: privateParty.name }) }}</div>
   </div>
 </div>
 </template>