diff options
Diffstat (limited to 'client/src/pages/Update/PhotoCapture/PhotoCapture.jsx')
| -rw-r--r-- | client/src/pages/Update/PhotoCapture/PhotoCapture.jsx | 16 |
1 files changed, 10 insertions, 6 deletions
diff --git a/client/src/pages/Update/PhotoCapture/PhotoCapture.jsx b/client/src/pages/Update/PhotoCapture/PhotoCapture.jsx index c4960c2..0c4e9f2 100644 --- a/client/src/pages/Update/PhotoCapture/PhotoCapture.jsx +++ b/client/src/pages/Update/PhotoCapture/PhotoCapture.jsx @@ -6,8 +6,10 @@ import Header from '../../../components/Header/Header' import SubmitButton from '../../../components/SubmitButton/SubmitButton' import styles from './PhotoCapture.module.css' import { Button, Grid, Typography } from '@mui/material' +import { useTranslation } from 'react-i18next' const PhotoCapture = () => { + const { t } = useTranslation() const [photo, setPhoto] = useState() const navigate = useNavigate() @@ -21,7 +23,7 @@ const PhotoCapture = () => { return ( <> - <Header subheading="Enrollment" /> + <Header subheading={t('UPDATE')} /> <div className={styles.card__container}> {photo === '' ? ( <Webcam @@ -52,7 +54,7 @@ const PhotoCapture = () => { capture() }} > - Capture + {t('CAPTURE')} </Button> </Grid> <Grid item> @@ -66,7 +68,7 @@ const PhotoCapture = () => { setPhoto('') }} > - Reset + {t('RESET')} </Button> </Grid> </Grid> @@ -74,9 +76,11 @@ const PhotoCapture = () => { <div> <Grid container justifyContent="center"> <Typography align="center"> - Please look into the camera<br></br> - Click Capture to Capture the photo<br></br> - Click Reset the remove the captured photo + {t('PLEASE_LOOK_INTO_THE_CAMERA')} + <br></br> + {t('CLICK_CAPTURE_TO_CAPTURE_THE_PHOTO')} + <br></br> + {t('CLICK_RESET_TO_REMOVE_THE_CAPTURED_PHOTO')} </Typography> </Grid> </div> |