From ccb954e348f4a7747cc326ac30f91d8e1204afc0 Mon Sep 17 00:00:00 2001
From: Anthony Debucquoy <debucquoy.anthony@gmail.com>
Date: Tue, 2 Apr 2024 10:03:47 +0200
Subject: [PATCH] show sender on message

---
 frontend/src/Apps/Msg.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/Apps/Msg.vue b/frontend/src/Apps/Msg.vue
index e95f474..477eb8c 100644
--- a/frontend/src/Apps/Msg.vue
+++ b/frontend/src/Apps/Msg.vue
@@ -24,7 +24,8 @@
 			<h1 id=msgName ><input class="InputTitle" type="text" @change="updateDiscussionName(currentDiscussion.id, currentDiscussion.name)" v-model="currentDiscussion.name"></h1>
 			<div id=msgs>
 				<div class="msg" v-for="msg in currentDiscussion.msgs" :sender="msg.sender" :key="msg.id">
-					{{ msg.content }}
+					{{ msg.content }}<br/>
+					<span class="sender" v-if="!msg.sender">{{msg.author.firstName}}</span>
 				</div>
 			</div>
 			<div id=messageBox>
@@ -176,6 +177,12 @@ div#discussion{
 	align-self: start;
 }
 
+.sender{
+	display: inline-block;
+	color: gray;
+	font-size: 0.5em;
+}
+
 .msg[sender=true]{
 	background-color: darkorange;
 	align-self: end;