diff --git a/webapp/components/Chat/Chat.vue b/webapp/components/Chat/Chat.vue index 2f39afd07..cca6c4319 100644 --- a/webapp/components/Chat/Chat.vue +++ b/webapp/components/Chat/Chat.vue @@ -34,7 +34,7 @@ v-if="selectedRoom && selectedRoom.avatar && selectedRoom.avatar !== 'default-avatar'" class="vac-avatar" :style="{ 'background-image': `url('${selectedRoom.avatar}')` }" - /> + />
{{ getInitialsName(selectedRoom.roomName) }}
@@ -79,8 +79,8 @@ export default { { name: 'dummyItem', title: 'Just a dummy item', - } - /*{ + }, + /* { name: 'inviteUser', title: 'Invite User', }, @@ -197,7 +197,7 @@ export default { this.$toast.error(error.message) } this.messagesLoaded = true - + this.selectedRoom = room }) }, @@ -221,10 +221,10 @@ export default { this.refetchMessage(message.roomId) }, - getInitialsName(fullname){ - if(!fullname) return + getInitialsName(fullname) { + if (!fullname) return return fullname.match(/\b\w/g).join('').substring(0, 3).toUpperCase() - } + }, }, apollo: { Rooms: { @@ -266,24 +266,24 @@ body { font-family: 'Quicksand', sans-serif; } .vac-avatar { - background-size: cover; - background-position: center center; - background-repeat: no-repeat; - background-color: $color-primary-dark; - color: $text-color-primary-inverse; - height: 42px; - width: 42px; - min-height: 42px; - min-width: 42px; - margin-right: 15px; - border-radius: 50%; - position: relative; + background-size: cover; + background-position: center center; + background-repeat: no-repeat; + background-color: $color-primary-dark; + color: $text-color-primary-inverse; + height: 42px; + width: 42px; + min-height: 42px; + min-width: 42px; + margin-right: 15px; + border-radius: 50%; + position: relative; - > .initials{ - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - } + > .initials { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } } diff --git a/webapp/layouts/default.vue b/webapp/layouts/default.vue index 436bb54ed..967bd44cf 100644 --- a/webapp/layouts/default.vue +++ b/webapp/layouts/default.vue @@ -14,7 +14,10 @@
- +
@@ -35,10 +38,10 @@ export default { }, mixins: [seo, mobile()], methods: { - closeSingleRoom(){ - this.$store.commit('chat/SET_OPEN_CHAT', { showChat: false, roomID: 'u0' }); - } - } + closeSingleRoom() { + this.$store.commit('chat/SET_OPEN_CHAT', { showChat: false, roomID: 'u0' }) + }, + }, }