2020-02-24 23:25:55 +00:00
import { defineMessages , injectIntl } from 'react-intl'
import ImmutablePureComponent from 'react-immutable-pure-component'
import Button from '../button'
import Text from '../text'
import ModalLayout from './modal_layout'
2019-09-19 00:48:09 +01:00
const messages = defineMessages ( {
2020-02-24 23:25:55 +00:00
title : { id : 'promo.gab_pro' , defaultMessage : 'Upgrade to GabPRO' } ,
text : { id : 'pro_upgrade_modal.text' , defaultMessage : 'Gab is fully funded by people like you. Please consider supporting us on our mission to defend free expression online for all people.' } ,
benefits : { id : 'pro_upgrade_modal.benefits' , defaultMessage : 'Here are just some of the benefits that thousands of GabPRO members receive:' } ,
} )
2019-09-19 00:48:09 +01:00
2020-02-24 23:25:55 +00:00
export default
@ injectIntl
2019-09-19 00:48:09 +01:00
class ProUpgradeModal extends ImmutablePureComponent {
static propTypes = {
intl : PropTypes . object . isRequired ,
2020-04-07 02:53:23 +01:00
onClose : PropTypes . func . isRequired ,
2020-02-24 23:25:55 +00:00
}
2019-09-19 00:48:09 +01:00
2020-02-24 23:25:55 +00:00
render ( ) {
2020-04-07 02:53:23 +01:00
const { intl , onClose } = this . props
2019-09-19 00:48:09 +01:00
return (
2020-04-07 02:53:23 +01:00
< ModalLayout
title = { intl . formatMessage ( messages . title ) }
2020-04-28 06:33:58 +01:00
width = { 460 }
2020-04-07 02:53:23 +01:00
onClose = { onClose }
>
2020-03-11 23:56:18 +00:00
< Text >
{ intl . formatMessage ( messages . text ) }
< / T e x t >
< Text >
{ intl . formatMessage ( messages . benefits ) }
< / T e x t >
< div className = { [ _s . default , _s . my10 ] . join ( ' ' ) } >
< Text > • Schedule Posts < / T e x t >
< Text > • Get Verified < / T e x t >
< Text > • Create Groups < / T e x t >
< Text > • Larger Video and Image Uploads < / T e x t >
< Text > • Receive the PRO Badge < / T e x t >
< Text > • Remove in - feed promotions < / T e x t >
2019-09-19 00:48:09 +01:00
< / d i v >
2020-02-24 23:25:55 +00:00
2020-03-11 23:56:18 +00:00
< Button
href = 'https://pro.gab.com'
>
< Text color = 'inherit' weight = 'bold' align = 'center' >
{ intl . formatMessage ( messages . title ) }
< / T e x t >
2020-02-24 23:25:55 +00:00
< / B u t t o n >
< / M o d a l L a y o u t >
)
2019-09-19 00:48:09 +01:00
}
2020-04-08 02:06:59 +01:00
2019-09-19 00:48:09 +01:00
}