(clean) code prettier

Author: antoine92190

src/ChatWindow/Message.vue

@@ -125,11 +125,11 @@
 						<span>{{ message.timestamp }}</span>
 						<span v-if="isCheckmarkVisible">
 							<svg-icon
-                :name="message.distributed ? 'double-checkmark' : 'checkmark'"
-                :param="message.seen ? 'seen' : ''"
-                class="icon-check"
-              ></svg-icon>
-            </span>
+								:name="message.distributed ? 'double-checkmark' : 'checkmark'"
+								:param="message.seen ? 'seen' : ''"
+								class="icon-check"
+							></svg-icon>
+						</span>
 					</div>
 
 					<div
@@ -340,16 +340,12 @@ export default {
 			)
 		},
 		isCheckmarkVisible() {
-		  return (
-		    this.message.sender_id === this.currentUserId &&
-        !this.message.deleted &&
-        (
-          this.message.saved ||
-          this.message.distributed ||
-          this.message.seen
-        )
-      )
-    },
+			return (
+				this.message.sender_id === this.currentUserId &&
+				!this.message.deleted &&
+				(this.message.saved || this.message.distributed || this.message.seen)
+			)
+		},
 		replyUsername() {
 			const { sender_id } = this.message.replyMessage
 			const replyUser = this.roomUsers.find(user => user._id === sender_id)

src/ChatWindow/RoomsList.vue

@@ -61,10 +61,14 @@
 					>
 						<span v-if="isMessageCheckmarkVisible(room)">
 							<svg-icon
-                :name="room.lastMessage.distributed ? 'double-checkmark' : 'checkmark'"
-                :param="room.lastMessage.seen ? 'seen' : ''"
-                class="icon-check"
-              ></svg-icon>
+								:name="
+									room.lastMessage.distributed
+										? 'double-checkmark'
+										: 'checkmark'
+								"
+								:param="room.lastMessage.seen ? 'seen' : ''"
+								class="icon-check"
+							></svg-icon>
 						</span>
 						<format-message
 							v-if="room.lastMessage"
@@ -163,25 +167,23 @@ export default {
 				user => user._id === room.lastMessage.sender_id
 			)
 
-      if (room.lastMessage.username) {
-        return `${room.lastMessage.username} - ${content}`
-      } else if (!user || user._id === this.currentUserId) {
-        return content
-      }
+			if (room.lastMessage.username) {
+				return `${room.lastMessage.username} - ${content}`
+			} else if (!user || user._id === this.currentUserId) {
+				return content
+			}
 
 			return `${user.username} - ${content}`
 		},
-    isMessageCheckmarkVisible(room) {
-      return (
-        room.lastMessage &&
-        room.lastMessage.sender_id === this.currentUserId &&
-        (
-          room.lastMessage.saved ||
-          room.lastMessage.distributed ||
-          room.lastMessage.seen
-        )
-      )
-    }
+		isMessageCheckmarkVisible(room) {
+			return (
+				room.lastMessage &&
+				room.lastMessage.sender_id === this.currentUserId &&
+				(room.lastMessage.saved ||
+					room.lastMessage.distributed ||
+					room.lastMessage.seen)
+			)
+		}
 	}
 }
 </script>

src/ChatWindow/SvgIcon.vue

@@ -89,10 +89,10 @@ export default {
 					name: 'checkmark',
 					path: 'M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z'
 				},
-        {
+				{
 					name: 'double-checkmark',
 					path:
-            'M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z'
+						'M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z'
 				},
 				{
 					name: 'eye',