Use internationalization feature for added text
GitLab: #81
Change-Id: Ie8c3b62545d954922f5c90387c5d361d07cb8cf2
diff --git a/client/src/components/JamiWelcomeLogo.tsx b/client/src/components/JamiWelcomeLogo.tsx
index 31311b6..8e66172 100644
--- a/client/src/components/JamiWelcomeLogo.tsx
+++ b/client/src/components/JamiWelcomeLogo.tsx
@@ -16,6 +16,7 @@
* <https://www.gnu.org/licenses/>.
*/
import { Stack, StackProps, Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
import { ReactComponent as JamiLogo } from '../icons/jami-logo-icon.svg';
import { jamiLogoDefaultSize } from '../utils/constants';
@@ -26,6 +27,8 @@
}
export default function JamiWelcomeLogo({ logoWidth, logoHeight, ...stackProps }: WelcomeLogoProps) {
+ const { t } = useTranslation();
+
return (
<Stack
{...stackProps}
@@ -37,7 +40,7 @@
}}
>
<JamiLogo width={logoWidth ?? jamiLogoDefaultSize} height={logoHeight ?? jamiLogoDefaultSize} />
- <Typography variant="h1">Welcome to Jami!</Typography>
+ <Typography variant="h1">{t('welcome_text')}</Typography>
</Stack>
);
}