2018-09-26 19:48:07 +02:00
|
|
|
// @flow
|
2018-03-16 19:22:19 +01:00
|
|
|
import React from 'react';
|
|
|
|
import { Modal } from 'modal/modal';
|
2018-03-26 23:32:43 +02:00
|
|
|
import Button from 'component/button';
|
2018-03-16 19:22:19 +01:00
|
|
|
|
2018-09-26 19:48:07 +02:00
|
|
|
type Props = {
|
|
|
|
closeModal: () => void,
|
|
|
|
navigate: string => void,
|
|
|
|
};
|
|
|
|
|
|
|
|
const ModalFirstSubscription = (props: Props) => {
|
2018-03-16 20:04:22 +01:00
|
|
|
const { closeModal, navigate } = props;
|
2018-03-16 19:22:19 +01:00
|
|
|
|
|
|
|
return (
|
2018-09-26 19:48:07 +02:00
|
|
|
<Modal type="custom" isOpen contentLabel="Subscriptions 101" title={__('Subscriptions 101')}>
|
|
|
|
<section className="card__content">
|
2018-03-16 20:04:22 +01:00
|
|
|
<p>{__('You just subscribed to your first channel. Awesome!')}</p>
|
|
|
|
<p>{__('A few quick things to know:')}</p>
|
2018-03-26 23:32:43 +02:00
|
|
|
<p className="card__content">
|
2018-03-16 20:04:22 +01:00
|
|
|
{__('1) You can use the')}{' '}
|
2018-03-26 23:32:43 +02:00
|
|
|
<Button
|
|
|
|
button="link"
|
2018-03-16 20:04:22 +01:00
|
|
|
label={__('Subscriptions Page')}
|
|
|
|
onClick={() => {
|
|
|
|
navigate('/subscriptions');
|
|
|
|
closeModal();
|
|
|
|
}}
|
|
|
|
/>{' '}
|
|
|
|
{__('to view content across all of your subscribed channels.')}
|
|
|
|
</p>
|
2018-03-26 23:32:43 +02:00
|
|
|
<p className="card__content">
|
2018-03-16 20:04:22 +01:00
|
|
|
{__(
|
|
|
|
'2) This app will automatically download new free content from channels you are subscribed to.'
|
|
|
|
)}
|
|
|
|
</p>
|
2018-03-26 23:32:43 +02:00
|
|
|
<p className="card__content">
|
2018-03-16 19:26:44 +01:00
|
|
|
{__(
|
2018-03-16 20:04:22 +01:00
|
|
|
'3) If we have your email address, we may send you notifications and rewards related to new content.'
|
2018-03-16 19:26:44 +01:00
|
|
|
)}
|
2018-03-16 19:22:19 +01:00
|
|
|
</p>
|
|
|
|
<div className="modal__buttons">
|
2018-03-26 23:32:43 +02:00
|
|
|
<Button button="primary" onClick={closeModal} label={__('Got it')} />
|
2018-03-16 19:22:19 +01:00
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
</Modal>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
export default ModalFirstSubscription;
|