Merge branch '101-start-direct-chat-with-person-avatar-profile' into 'dev'

fixed: direct chat with person avatar profile

See merge request keanuapp/keanuapp-weblite!30

src/components/ChatHeader.vue

@@ -8,7 +8,7 @@
         @click.stop="onHeaderClicked"
       >
         <v-avatar size="40" class="me-2">
-          <v-img :src="room.avatar" />
+          <v-img :src="room.avatar || memberAvatar" />
         </v-avatar>
       </v-col>
 
@@ -88,8 +88,27 @@ export default {
     room() {
       return this.$matrix.currentRoom;
     },
+    memberAvatar() {
+      let roomMember;
+      if (this.room) {
+        this.room.getMembers().forEach(member => {
+          if(this.room.name === member.name) {
+            roomMember =  member;
+          }
+        });
+        if (roomMember) {
+          return roomMember.getAvatarUrl(
+            this.$matrix.matrixClient.getHomeserverUrl(),
+            40,
+            40,
+            "scale",
+            true
+          );
+        }
+      }
+      return null;
+    }
   },
-
   watch: {
     room: {
       handler(newVal, ignoredOldVal) {