blob: 2014ce24aee34977645cf58b53d716ca9d3f5d4d (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
import React from 'react'
import Header from '../../../components/Header/Header'
import CardScanner from '../../../components/Card/CardScanner'
import styles from './FinalSlip.module.css'
import { Grid, Typography } from '@mui/material'
import { useTranslation } from 'react-i18next'
import SubmitButton from '../../../components/SubmitButton/SubmitButton'
import { useNavigate } from 'react-router-dom'
import AudioAutoplay from '../../../components/AudioAutoplay/AudioAutoplay'
const FinalSlip = () => {
const { t } = useTranslation()
const navigate = useNavigate()
return (
<>
<Header subheading={t('UPDATE')} />
<AudioAutoplay
audio={`${process.env.PUBLIC_URL}/assets/audios/update-message-notification`}
/>
<div className={styles.card__container}>
<CardScanner
image={`${process.env.PUBLIC_URL}/assets/images/slip.svg`}
/>
</div>
<div>
<Grid container justifyContent="center">
<Typography align="center" fontWeight={'Bold'}>
{t('THANK_YOU_FOR_YOUR_TIME')}
<br />
{t('ENSURE_THAT_RECIEVED_A_CONFIRMATION_MESSAGE')}
</Typography>
</Grid>
</div>
<SubmitButton onClick={() => navigate('/')} />
</>
)
}
export default FinalSlip
|