2017-12-21 22:08:54 +01:00
|
|
|
import React from 'react';
|
|
|
|
import { Modal } from 'modal/modal';
|
2018-03-26 23:32:43 +02:00
|
|
|
import Button from 'component/button';
|
2017-08-18 19:09:40 +02:00
|
|
|
|
|
|
|
const ModalWelcome = props => {
|
|
|
|
const { closeModal } = props;
|
|
|
|
|
|
|
|
return (
|
2018-09-26 19:48:07 +02:00
|
|
|
<Modal type="custom" isOpen contentLabel="Welcome to LBRY" title={__('Welcome to LBRY')}>
|
|
|
|
<section className="card__content">
|
2017-08-18 19:09:40 +02:00
|
|
|
<p>
|
2017-12-21 22:08:54 +01:00
|
|
|
{__('Using LBRY is like dating a centaur. Totally normal up top, and')}{' '}
|
|
|
|
<em>{__('way different')}</em> {__('underneath.')}
|
2017-08-18 19:09:40 +02:00
|
|
|
</p>
|
2017-12-21 22:08:54 +01:00
|
|
|
<p>{__('Up top, LBRY is similar to popular media sites.')}</p>
|
2017-08-18 19:09:40 +02:00
|
|
|
<p>
|
2017-12-21 22:08:54 +01:00
|
|
|
{__('Below, LBRY is controlled by users -- you -- via blockchain and decentralization.')}
|
2017-08-18 19:09:40 +02:00
|
|
|
</p>
|
|
|
|
<div className="modal__buttons">
|
2018-09-26 19:48:07 +02:00
|
|
|
<Button button="primary" onClick={closeModal} label={__("I'm In")} />
|
2017-08-18 19:09:40 +02:00
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
</Modal>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
export default ModalWelcome;
|