(fix) users tag in messages reply

Author: antoine92190

src/ChatWindow/FormatMessage.vue

@@ -8,14 +8,14 @@
 					:class="{
 						'vac-text-ellipsis': singleLine,
 						'vac-text-bold': checkType(message, 'bold'),
-						'vac-text-italic': checkType(message, 'italic') || deleted,
+						'vac-text-italic': deleted || checkType(message, 'italic'),
 						'vac-text-strike': checkType(message, 'strike'),
 						'vac-text-underline': checkType(message, 'underline'),
 						'vac-text-inline-code':
 							!singleLine && checkType(message, 'inline-code'),
 						'vac-text-multiline-code':
 							!singleLine && checkType(message, 'multiline-code'),
-						'vac-text-tag': checkType(message, 'tag')
+						'vac-text-tag': !reply && checkType(message, 'tag')
 					}"
 					:href="message.href"
 					:target="message.href ? '_blank' : null"
@@ -47,6 +47,7 @@ export default {
 		users: { type: Array, default: () => [] },
 		linkify: { type: Boolean, default: true },
 		singleLine: { type: Boolean, default: false },
+		reply: { type: Boolean, default: false },
 		textFormatting: { type: Boolean, required: true }
 	},
 

src/ChatWindow/Message.vue

@@ -634,7 +634,7 @@ export default {
 	border-radius: 8px;
 	font-size: 14px;
 	padding: 6px 9px 3px;
-	white-space: pre-wrap;
+	white-space: pre-line;
 	max-width: 100%;
 	-webkit-transition-property: box-shadow, opacity;
 	transition-property: box-shadow, opacity;

src/ChatWindow/Room.vue

@@ -182,7 +182,14 @@
 						/>
 						<div class="vac-reply-info">
 							<div class="vac-reply-username">{{ messageReply.username }}</div>
-							<div class="vac-reply-content">{{ messageReply.content }}</div>
+							<div class="vac-reply-content">
+								<format-message
+									:content="messageReply.content"
+									:users="room.users"
+									:text-formatting="true"
+									:reply="true"
+								></format-message>
+							</div>
 						</div>
 					</div>
 
@@ -370,6 +377,7 @@ import Loader from './Loader'
 import Message from './Message'
 import SvgIcon from './SvgIcon'
 import EmojiPicker from './EmojiPicker'
+import FormatMessage from './FormatMessage'
 
 const { messagesValid } = require('../utils/roomValidation')
 const { detectMobile, iOSDevice } = require('../utils/mobileDetection')
@@ -383,7 +391,8 @@ export default {
 		Loader,
 		Message,
 		SvgIcon,
-		EmojiPicker
+		EmojiPicker,
+		FormatMessage
 	},
 
 	directives: {
@@ -499,6 +508,9 @@ export default {
 					this.message = this.roomMessage
 					setTimeout(() => this.onChangeInput(), 0)
 				}
+				setTimeout(() => {
+					this.roomFooterHeight = this.$refs['roomFooter'].clientHeight
+				}, 0)
 			}
 		},
 		roomMessage: {
@@ -896,7 +908,7 @@ export default {
 
 			setTimeout(() => {
 				this.roomFooterHeight = this.$refs['roomFooter'].clientHeight
-			}, 10)
+			}, 20)
 		},
 		addEmoji(emoji) {
 			this.message += emoji.icon
@@ -1173,6 +1185,7 @@ export default {
 	.vac-reply-content {
 		font-size: 12px;
 		color: var(--chat-message-color-reply-content);
+		white-space: pre-line;
 	}
 
 	.vac-icon-reply {