You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
1.1 KiB
41 lines
1.1 KiB
import React from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import { FormattedMessage } from 'react-intl'
|
|
import { Header } from 'components/UI'
|
|
import Lightning from 'components/Icon/Lightning'
|
|
import Onchain from 'components/Icon/Onchain'
|
|
import PaperPlane from 'components/Icon/PaperPlane'
|
|
import messages from './messages'
|
|
|
|
/**
|
|
* Header for opayment form.
|
|
*/
|
|
class PayHeader extends React.PureComponent {
|
|
static propTypes = {
|
|
title: PropTypes.string.isRequired,
|
|
type: PropTypes.oneOf(['onchain', 'offchain'])
|
|
}
|
|
|
|
render() {
|
|
const { title, type } = this.props
|
|
let logo, subtitle
|
|
|
|
switch (type) {
|
|
case 'onchain':
|
|
logo = <Onchain height="45px" width="45px" />
|
|
subtitle = <FormattedMessage {...messages.subtitle_onchain} />
|
|
break
|
|
case 'offchain':
|
|
logo = <Lightning height="45px" width="45px" />
|
|
subtitle = <FormattedMessage {...messages.subtitle_offchain} />
|
|
break
|
|
default:
|
|
logo = <PaperPlane height="38px" width="38px" />
|
|
subtitle = <span> </span>
|
|
}
|
|
|
|
return <Header title={title} subtitle={subtitle} logo={logo} />
|
|
}
|
|
}
|
|
|
|
export default PayHeader
|
|
|