import React, { Component } from 'react'; import PropTypes from 'prop-types'; import { observer, PropTypes as MobxPropTypes } from 'mobx-react'; import { defineMessages, intlShape } from 'react-intl'; // import { Link } from 'react-router'; // import Button from '../ui/Button'; import Loader from '../ui/Loader'; import Appear from '../ui/effects/Appear'; import SubscriptionForm from '../../containers/subscription/SubscriptionFormScreen'; const messages = defineMessages({ headline: { id: 'pricing.headline', defaultMessage: '!!!Support Franz', }, monthlySupportLabel: { id: 'pricing.support.label', defaultMessage: '!!!Select your support plan', }, submitButtonLabel: { id: 'pricing.submit.label', defaultMessage: '!!!Support the development of Franz', }, skipPayment: { id: 'pricing.link.skipPayment', defaultMessage: '!!!I don\'t want to support the development of Franz.', }, }); @observer export default class Signup extends Component { static propTypes = { donor: MobxPropTypes.objectOrObservableObject.isRequired, isLoading: PropTypes.bool.isRequired, isLoadingUser: PropTypes.bool.isRequired, onCloseSubscriptionWindow: PropTypes.func.isRequired, skipAction: PropTypes.func.isRequired, }; static contextTypes = { intl: intlShape, }; render() { const { donor, isLoading, isLoadingUser, onCloseSubscriptionWindow, skipAction, } = this.props; const { intl } = this.context; return (