<template>
  <div class='sidebarChat' v-if="!addNewChat"  @click="updateChatView()">
    <md-avatar>
      <img :src="room.user.picture">
    </md-avatar>
    <div class='sidebarChat__info'>
      <h2>{{room.user.email}}</h2>
      <p>Last message...</p>
    </div>
  </div>

  <div class='sidebarChat' v-else onClick={createChat()} >
    <h2>Add new chat</h2>
  </div>
</template>

<script>
export default {
  name: "SidebarChatUserRow",
  props : ['addNewChat', "room"],
  methods : {
    updateChatView() {
      this.$root.$emit('updateChatViewEvent', this.room);
    }
  }
}