velocity-verification/src/components/CameraPermissions/Primer/index.js

JavaScript SDK view layer for identity verification

import { h } from 'preact'
import PageTitle from 'components/PageTitle'
import theme from 'components/Theme/style.css'
import Button from 'components/Button'
import { trackComponent } from 'Tracker'
import style from './style.css'
import { localised } from '../../../locales'

const Permissions = ({onNext, translate}) => (
  <div className={theme.fullHeightContainer}>
    <PageTitle title={translate('webcam_permissions.allow_access')} subTitle={translate('webcam_permissions.enable_webcam_for_selfie')} />
    <div className={`${theme.thickWrapper} ${style.bodyWrapper}`}>
      <div className={style.image}>
        <div className={style.graphic}></div>
      </div>
      <div className={style.buttonInstructions}>
        <p className={style.instructions}>{translate('webcam_permissions.click_allow')}</p>
        <Button
          variants={["centered", "primary"]}
          onClick={onNext}
        >
          {translate('webcam_permissions.enable_webcam')}
        </Button>
      </div>
    </div>
  </div>
)

export default trackComponent(localised(Permissions))