LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Updated copy of subscriptions modal

Browse source
This commit is contained in:
liamcardenas 2018-03-16 12:04:22 -07:00
parent f2f316968b
commit f74f4fbc22
2 changed files with 25 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/renderer/modal/modalFirstSubscription/index.js
View file

@ -1,10 +1,12 @@
import React from 'react'; import React from 'react';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
import { doCloseModal } from 'redux/actions/app'; import { doCloseModal } from 'redux/actions/app';
import { doNavigate } from 'redux/actions/navigation';
import ModalFirstSubscription from './view'; import ModalFirstSubscription from './view';
const perform = dispatch => () => ({ const perform = dispatch => () => ({
closeModal: () => dispatch(doCloseModal()), closeModal: () => dispatch(doCloseModal()),
navigate: path => dispatch(doNavigate(path)),
}); });
export default connect(null, perform)(ModalFirstSubscription); export default connect(null, perform)(ModalFirstSubscription);

28
src/renderer/modal/modalFirstSubscription/view.jsx
View file

@ -1,17 +1,35 @@
import React from 'react'; import React from 'react';
import { Modal } from 'modal/modal'; import { Modal } from 'modal/modal';
import Link from 'component/link/index'; import Link from 'component/link';
const ModalFirstSubscription = props => { const ModalFirstSubscription = props => {
const { closeModal } = props; const { closeModal, navigate } = props;
return ( return (
<Modal type="custom" isOpen contentLabel="Your first subscription!"> <Modal type="custom" isOpen contentLabel="Subscriptions 101">
<section> <section>
<h3 className="modal__header">{__('Your first subscription!')}</h3> <h3 className="modal__header">{__('Subscriptions 101')}</h3>
<p>{__('You just subscribed to your first channel. Awesome!')}</p>
<p>{__('A few quick things to know:')}</p>
<p>
{__('1) You can use the')}{' '}
<Link
label={__('Subscriptions Page')}
onClick={() => {
navigate('/subscriptions');
closeModal();
}}
/>{' '}
{__('to view content across all of your subscribed channels.')}
</p>
<p> <p>
{__( {__(
'When you subscribe to a channel, you will automatically download, and be notified of, all of its new content.' '2) This app will automatically download new free content from channels you are subscribed to.'
)}
</p>
<p>
{__(
'3) If we have your email address, we may send you notifications and rewards related to new content.'
)} )}
</p> </p>
<div className="modal__buttons"> <div className="modal__buttons">