(UX) preview image on image click

Author: antoine92190

src/lib/Message/MessageFile/MessageFile.scss

@@ -1,6 +1,10 @@
 .vac-message-file-container {
 	position: relative;
 
+	.vac-message-image-container {
+		cursor: pointer;
+	}
+
 	.vac-image-loading {
 		filter: blur(3px);
 	}

src/lib/Message/MessageFile/MessageFile.vue

@@ -3,8 +3,10 @@
 		<div
 			v-if="isImage"
 			:ref="'imageRef' + index"
+			class="vac-message-image-container"
 			@mouseover="imageHover = true"
 			@mouseleave="imageHover = false"
+			@click.stop="openFile('preview')"
 		>
 			<loader
 				:style="{ top: `${imageResponsive.loaderTop}px` }"