(fix) image not showing when spaces in url

Author: antoine92190

src/ChatWindow/Message.vue

@@ -45,7 +45,9 @@
 						<div class="image-reply-container" v-if="isImageReply">
 							<div
 								class="message-image message-image-reply"
-								:style="{ background: `url(${message.replyMessage.file.url})` }"
+								:style="{
+									'background-image': `url('${message.replyMessage.file.url}')`
+								}"
 							></div>
 						</div>
 
@@ -72,7 +74,7 @@
 									isImageLoading && message.sender_id === currentUserId
 							}"
 							:style="{
-								background: `url(${message.file.url})`,
+								'background-image': `url('${message.file.url}')`,
 								'max-height': `${imageResponsive.maxHeight}px`
 							}"
 						>

src/ChatWindow/Room.vue

@@ -12,7 +12,7 @@
 			<div
 				v-if="room.avatar"
 				class="room-avatar"
-				:style="{ 'background-image': `url(${room.avatar})` }"
+				:style="{ 'background-image': `url('${room.avatar}')` }"
 			></div>
 			<div>
 				<div class="room-name">{{ room.roomName }}</div>

src/ChatWindow/RoomsList.vue

@@ -39,7 +39,7 @@
 				<div
 					v-if="room.avatar"
 					class="room-avatar"
-					:style="{ 'background-image': `url(${room.avatar})` }"
+					:style="{ 'background-image': `url('${room.avatar}')` }"
 				></div>
 				<div class="name-container text-ellipsis">
 					<div class="title-container">