lbry-desktop/src/ui/modal/modalFirstSubscription/view.jsx

37 lines
1.2 KiB
React
Raw Normal View History

2018-09-26 19:48:07 +02:00
// @flow
import React from 'react';
import { Modal } from 'modal/modal';
2018-03-26 23:32:43 +02:00
import Button from 'component/button';
2018-09-26 19:48:07 +02:00
type Props = {
closeModal: () => void,
};
const ModalFirstSubscription = (props: Props) => {
2018-11-21 22:20:55 +01:00
const { closeModal } = props;
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) This app will automatically download new free content from channels you are subscribed to. You may configure this in Settings or on the Subscriptions page.'
2018-03-16 20:04:22 +01:00
)}
</p>
2018-03-26 23:32:43 +02:00
<p className="card__content">
2018-03-16 19:26:44 +01:00
{__(
2019-01-07 08:14:04 +01:00
'2) If we have your email address, we will send you notifications related to new content. You may configure these emails from the Help page.'
2018-03-16 19:26:44 +01:00
)}
</p>
<div className="modal__buttons">
2018-03-26 23:32:43 +02:00
<Button button="primary" onClick={closeModal} label={__('Got it')} />
</div>
</section>
</Modal>
);
};
export default ModalFirstSubscription;