Use internationalization feature for added text
GitLab: #81
Change-Id: Ie8c3b62545d954922f5c90387c5d361d07cb8cf2
diff --git a/client/src/components/welcome.jsx b/client/src/components/welcome.jsx
index 9f3978d..66edb9f 100644
--- a/client/src/components/welcome.jsx
+++ b/client/src/components/welcome.jsx
@@ -18,6 +18,7 @@
import { Container } from '@mui/material';
import { AnimatePresence, motion } from 'framer-motion';
import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
import { ReactComponent as JamiLogo } from '../icons/jami-logo-icon.svg';
@@ -37,6 +38,7 @@
};
export default function WelcomeAnimation(props) {
+ const { t } = useTranslation();
const [visible, setVisible] = useState(true);
return (
@@ -59,7 +61,7 @@
<motion.div variants={item}>
<JamiLogo width="95%" />
</motion.div>
- <motion.h1 variants={item}>Welcome to Jami</motion.h1>
+ <motion.h1 variants={item}>{t('welcome_text')}</motion.h1>
</motion.div>
)}
</AnimatePresence>