commit 5815c7387e1d0a31a847583c7927123359abd0e2
author idillon <io.daza-dillon@savoirfairelinux.com> Fri Sep 16 13:54:45 2022 -0400
committer idillon <io.daza-dillon@savoirfairelinux.com> Fri Sep 16 17:14:08 2022 -0400
tree 2c1f94cbcbaa53a1217127cd786a9c75e8b1b83c
parent 461c5c992417b7e8049c3cef76f437ed28247c20

make translations work

Change-Id: I36d35e6745b8955fe6c801963abd57267df85ac4

client/src/components/Message.js

diff --git a/client/src/components/Message.js b/client/src/components/Message.js
index 9e6fcb7..a16edd8 100644
--- a/client/src/components/Message.js
+++ b/client/src/components/Message.js
@@ -3,6 +3,7 @@
 import isToday from "dayjs/plugin/isToday"
 import isYesterday from "dayjs/plugin/isYesterday"
 import React from "react"
+import { useTranslation } from "react-i18next"
 
 dayjs.extend(isToday)
 dayjs.extend(isYesterday)
@@ -18,11 +19,12 @@
 }
 
 export const MessageInitial = (props) => {
+  const { t } = useTranslation()
   return (
     <Stack
       alignItems="center"
     >
-      "Le Swarm a été créé"
+      {t("message_swarm_created")}
     </Stack>
   )
 }
@@ -41,6 +43,7 @@
 }
 
 export const MessageMember = (props) => {
+  const { t } = useTranslation()
   return (
     <Stack
       alignItems="center"
@@ -49,7 +52,7 @@
         sx={{
           width: "fit-content",
         }}
-        label={`${props.message.author} s'est joint`}
+        label={t("message_user_joined", {user: props.message.author})}
       />
     </Stack>
   )