From e9a1633083414be9e6a8f2b5464d00ce9eeeedcc Mon Sep 17 00:00:00 2001
From: N-Pex <npexdev@gmail.com>
Date: Thu, 27 May 2021 12:17:08 +0200
Subject: [PATCH] Move "new room" to top of list

Issue #67.
---
 src/components/RoomInfoBottomSheet.vue |  9 +--------
 src/components/RoomList.vue            | 13 +++++++++++++
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/components/RoomInfoBottomSheet.vue b/src/components/RoomInfoBottomSheet.vue
index 8fbdadd..d6bbec0 100644
--- a/src/components/RoomInfoBottomSheet.vue
+++ b/src/components/RoomInfoBottomSheet.vue
@@ -21,14 +21,7 @@
           >{{$t('room_info_sheet.view_details')}}</v-btn
         >
       </div>
-      <room-list :title="'Other groups'" v-on:close="close" />
-      <v-btn
-          height="20px"
-          color="black"
-          class="outlined-button"
-          @click.stop="createRoom"
-          >{{$t('room_info_sheet.create_room')}}</v-btn
-        >
+      <room-list :title="'Other groups'" v-on:close="close" v-on:newroom="createRoom" :showCreate="true" />
     </div>
   </BottomSheet>
 </template>
diff --git a/src/components/RoomList.vue b/src/components/RoomList.vue
index 25a1413..ea1bcc8 100644
--- a/src/components/RoomList.vue
+++ b/src/components/RoomList.vue
@@ -20,6 +20,15 @@
     </v-list-item-group>
     <div class="h4">{{title}}</div>
     <v-list-item-group v-model="currentRoomId" color="primary">
+      <v-list-item v-if="showCreate" @click.stop="$emit('newroom')">
+        <v-list-item-avatar size="40" color="#e0e0e0">
+          <v-img />
+        </v-list-item-avatar>
+        <v-list-item-content>
+          <v-list-item-title>{{$t('menu.new_room')}}</v-list-item-title>
+        </v-list-item-content>
+      </v-list-item>
+
       <v-list-item v-for="room in $matrix.joinedRooms" :key="room.roomId" :value="room.roomId">
         <v-list-item-avatar size="40" color="#e0e0e0">
           <v-img :src="room.avatar" />
@@ -53,6 +62,10 @@ export default {
     showInvites: {
       type: Boolean,
       default: false
+    },
+    showCreate: {
+      type: Boolean,
+      default: false
     }
   },