(props) add showAddRoom

Author: antoine92190

README.md

@@ -87,6 +87,7 @@ You can import it as a custom component:
 | messagesLoaded (3) | Boolean | -        | false   |
 | menuActions (4)    | Array   | -        | [ ]     |
 | messageActions (5) | Array   | -        | (4)     |
+| showAddRoom        | Boolean | -        | true    |
 | showFiles          | Boolean | -        | true    |
 | showEmojis         | Boolean | -        | true    |
 | showReactionEmojis | Boolean | -        | true    |

src/ChatWindow/ChatWindow.vue

@@ -6,6 +6,7 @@
 				:loadingRooms="loadingRooms"
 				:room="room"
 				:textMessages="t"
+				:showAddRoom="showAddRoom"
 				:showRoomsList="showRoomsList"
 				:isMobile="isMobile"
 				@fetchRoom="fetchRoom"
@@ -73,6 +74,7 @@ export default {
 				{ name: 'deleteMessage', title: 'Delete Message', onlyMe: true }
 			]
 		},
+		showAddRoom: { type: Boolean, default: true },
 		showFiles: { type: Boolean, default: true },
 		showEmojis: { type: Boolean, default: true },
 		showReactionEmojis: { type: Boolean, default: true },

src/ChatWindow/RoomsList.vue

@@ -14,7 +14,7 @@
 				autocomplete="off"
 				@input="searchRoom"
 			/>
-			<div class="svg-button" @click="addRoom">
+			<div v-if="showAddRoom" class="svg-button add-icon" @click="addRoom">
 				<svg-icon name="add" />
 			</div>
 		</div>
@@ -75,6 +75,7 @@ export default {
 	props: {
 		textMessages: { type: Object, required: true },
 		showRoomsList: { type: Boolean, required: true },
+		showAddRoom: { type: Boolean, required: true },
 		isMobile: { type: Boolean, required: true },
 		rooms: { type: Array, required: true },
 		loadingRooms: { type: Boolean, required: true },
@@ -147,11 +148,14 @@ export default {
 	}
 }
 
+.add-icon {
+	margin-left: 20px;
+}
+
 input {
 	background: var(--chat-bg-color-input);
 	color: var(--chat-color);
 	border-radius: 4px;
-	margin-right: 20px;
 	width: 100%;
 	font-size: 15px;
 	outline: 0;