(slots) add room-list-avatar

Author: antoine92190

README.md

@@ -659,7 +659,8 @@ Example:
 | <div style="width:230px">Slot</div> | Action                                                      | Data                                | Overridden slots                                                                                                   |
 | ----------------------------------- | ----------------------------------------------------------- | ----------------------------------- | ------------------------------------------------------------------------------------------------------------------ |
 | `custom-action-icon`                | Add a custom icon inside the footer                         | -                                   | -                                                                                                                  |  | `rooms-header` | Add a template on top of rooms list (above the search bar) | - | - |
-| `room-list-item`                    | Replace the template of the room list items                 | `room`                              | `room-list-options`                                                                                                |
+| `room-list-item`                    | Replace the template of the room list items                 | `room`                              | `room-list-avatar`, `room-list-options`                                                                            |
+| `room-list-avatar`                  | Replace the avatar of room list items                       | `room`                              |                                                                                                                    |
 | `room-list-options`                 | Replace the template of the list room options               | `room`                              | `room-list-options-icon`                                                                                           |
 | `rooms-header`                      | Replace the content above the search bar                    | -                                   | -                                                                                                                  |
 | `rooms-list-search`                 | Replace the search bar                                      | -                                   | -                                                                                                                  |

src/lib/RoomsList/RoomContent/RoomContent.vue

@@ -1,11 +1,13 @@
 <template>
 	<div class="vac-room-container">
 		<slot name="room-list-item" v-bind="{ room }">
-			<div
-				v-if="room.avatar"
-				class="vac-avatar"
-				:style="{ 'background-image': `url('${room.avatar}')` }"
-			/>
+			<slot name="room-list-avatar" v-bind="{ room }">
+				<div
+					v-if="room.avatar"
+					class="vac-avatar"
+					:style="{ 'background-image': `url('${room.avatar}')` }"
+				/>
+			</slot>
 			<div class="vac-name-container vac-text-ellipsis">
 				<div class="vac-title-container">
 					<div
@@ -28,7 +30,7 @@
 					}"
 				>
 					<span v-if="isMessageCheckmarkVisible">
-						<slot name="checkmark-icon" v-bind="{message: room.lastMessage}">
+						<slot name="checkmark-icon" v-bind="{ message: room.lastMessage }">
 							<svg-icon
 								:name="
 									room.lastMessage.distributed