commit 559cc80af7670756f15128cd55e2a4672ea21d86
author Michelle Sepkap Sime <simemichelle01@gmail.com> Sat Nov 05 12:06:40 2022 -0400
committer Michelle Sepkap Sime <simemichelle01@gmail.com> Wed Nov 09 17:18:00 2022 -0500
tree 5ad41817ef5a1bf26142fcc222a77e5b6c39eba4
parent 8321a0d39be205292143f2e7474d8fc2e2d58b2f

Use internationalization feature for added text

GitLab: #81
Change-Id: Ie8c3b62545d954922f5c90387c5d361d07cb8cf2

client/src/pages/JamiLogin.tsx

diff --git a/client/src/pages/JamiLogin.tsx b/client/src/pages/JamiLogin.tsx
index 06a607b..5cd2917 100644
--- a/client/src/pages/JamiLogin.tsx
+++ b/client/src/pages/JamiLogin.tsx
@@ -97,7 +97,7 @@
       >
         <Box sx={{ mt: theme.typography.pxToRem(50), mb: theme.typography.pxToRem(20) }}>
           <Typography component={'span'} variant="h2">
-            LOGIN
+            {t('login_form_title')}
           </Typography>
         </Box>
 
@@ -105,14 +105,14 @@
           <div>
             <UsernameInput
               onChange={handleUsername}
-              tooltipTitle={'The username you registered with'}
+              tooltipTitle={t('login_form_username_tooltip')}
               sx={{ width: theme.typography.pxToRem(inputWidth) }}
             />
           </div>
           <div>
             <PasswordInput
               onChange={handlePassword}
-              tooltipTitle={'The password you registered with'}
+              tooltipTitle={t('login_form_password_tooltip')}
               sx={{ width: theme.typography.pxToRem(inputWidth) }}
             />
           </div>
@@ -123,15 +123,15 @@
             onClick={authenticateUser}
             sx={{ width: theme.typography.pxToRem(inputWidth), mt: theme.typography.pxToRem(20) }}
           >
-            LOG IN
+            {t('login_form_submit_button')}
           </Button>
         </Form>
 
         <Box sx={{ mt: theme.typography.pxToRem(50), mb: theme.typography.pxToRem(50) }}>
           <Typography variant="body1">
-            Need an account ? &nbsp;
+            {t('login_form_to_registration_text')} &nbsp;
             <a href="" onClick={register}>
-              REGISTER
+              {t('login_form_to_registration_link')}
             </a>
           </Typography>
         </Box>