From 9df750d7aaf2620adff92173023e803993dbee37 Mon Sep 17 00:00:00 2001
From: mi4aux <63875263+mi4aux@users.noreply.github.com>
Date: Mon, 20 Apr 2020 21:09:57 +0200
Subject: [PATCH] Replace static message with internationalized message by
 translation file

---
 app/src/components/MeetingDrawer/Chat/Message.js | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/app/src/components/MeetingDrawer/Chat/Message.js b/app/src/components/MeetingDrawer/Chat/Message.js
index a60c245..724a053 100644
--- a/app/src/components/MeetingDrawer/Chat/Message.js
+++ b/app/src/components/MeetingDrawer/Chat/Message.js
@@ -6,6 +6,7 @@ import DOMPurify from 'dompurify';
 import marked from 'marked';
 import Paper from '@material-ui/core/Paper';
 import Typography from '@material-ui/core/Typography';
+import { useIntl } from 'react-intl';
 
 const linkRenderer = new marked.Renderer();
 
@@ -55,6 +56,8 @@ const styles = (theme) =>
 
 const Message = (props) =>
 {
+	const intl = useIntl();
+
 	const {
 		self,
 		picture,
@@ -88,7 +91,16 @@ const Message = (props) =>
 						}
 					) }}
 				/>
-				<Typography variant='caption'>{self ? 'Me' : name} - {time}</Typography>
+				<Typography variant='caption'>
+					{ self ?
+						intl.formatMessage({
+							id : 'room.me',
+							defaultMessage : 'Me'
+						})
+						:
+						name
+					} - {time}
+				</Typography>
 			</div>
 		</Paper>
 	);