All files / src/components/check-status-responses CheckStatusReadyForPickup.tsx

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
 
 
 
 
 
3x
2x
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { useTranslation } from 'next-i18next'
 
import AlertBlock from '../AlertBlock'
import AlertSection from '../AlertSection'
 
export const CheckStatusReadyForPickup = () => {
  const { t } = useTranslation('status')
  return (
    <>
      <h1 data-testid="ready-for-pickup" className="h1" tabIndex={-1}>
        {t('ready-for-pickup.has-been-printed')}
      </h1>
      <p>{t('ready-for-pickup.has-been-printed')}</p>
      <AlertBlock page="status-ready-pickup" />
      <AlertSection type="success" className="mb-8">
        <h2 data-testid="check-receipt" className="h2 mt-0">
          {t('ready-for-pickup.check-receipt')}
        </h2>
        <p>{t('ready-for-pickup.receipt-details')}</p>
      </AlertSection>
      <p>{t('ready-for-pickup.not-available')}</p>
      <AlertSection type="info">
        <p className="h3">{t('ready-for-pickup.date-passed')}</p>
      </AlertSection>
    </>
  )
}
 
export default CheckStatusReadyForPickup