velocity-verification/src/components/crossDevice/MobileConnected/index.js

JavaScript SDK view layer for identity verification

import { h } from 'preact'

import theme from '../../Theme/style.css'
import style from './style.css'
import PageTitle from '../../PageTitle'
import { trackComponent } from '../../../Tracker'
import {preventDefaultOnClick} from '~utils/index'
import { localised } from '../../../locales'

const MobileConnected = ({translate, back}) => (
  <div>
    <PageTitle
      title={translate('cross_device.mobile_connected.title.message')}
      subTitle={translate('cross_device.mobile_connected.title.submessage')}
    />
    <div className={theme.thickWrapper}>
      <span className={`${theme.icon} ${style.icon}`}></span>
      <div className={theme.header}>{translate('cross_device.tips')}</div>
      <div className={`${style.help} ${theme.help}`}>
        <ul className={theme.helpList} aria-label={translate('cross_device.tips')}>
          <li>{translate('cross_device.mobile_connected.tips.item_1')}</li>
          <li>{translate('cross_device.mobile_connected.tips.item_2')}</li>
          <li>{translate('cross_device.mobile_connected.tips.item_3')}</li>
        </ul>
      </div>
      <a href='#' className={`${theme.link} ${style.cancel}`} onClick={preventDefaultOnClick(back)}>
        {translate('cancel')}
      </a>
    </div>
  </div>
)

export default trackComponent(localised(MobileConnected), 'mobile_connected')