lbry-desktop/src/renderer/modal/modalWelcome/view.jsx
Sean Yesmunt 174bfbc8fb
0.27.0 cleanup (#2182)
* fix: channel navigation from suggested subscriptions

* fix: move subscribe/share buttons below name on channel page

* fix: images with weird media type

* fix: increase tx amount size on tx table

* change: add icons to nav bar

* fix: move filewatcher-webpack-plugin into dev dependencies

* fix: upgrade button styling

* improvement: modal consistency

* change: increase svg stroke inside button

* fix: more descriptive title on header for wallet balance

* fix: minor color/alignment

* chore: update lbry-redux
2019-01-14 13:40:06 -05:00

33 lines
945 B
JavaScript

// @flow
import React from 'react';
import { Modal } from 'modal/modal';
import Button from 'component/button';
type Props = {
closeModal: () => void,
};
const ModalWelcome = (props: Props) => {
const { closeModal } = props;
return (
<Modal type="custom" isOpen contentLabel="Welcome to LBRY" title={__('Welcome to LBRY')}>
<section className="card__content">
<p>
{__('Using LBRY is like dating a centaur. Totally normal up top, and')}{' '}
<em>{__('way different')}</em> {__('underneath.')}
</p>
<p>{__('Up top, LBRY is similar to popular media sites.')}</p>
<p>
{__('Below, LBRY is controlled by users -- you -- via blockchain and decentralization.')}
</p>
</section>
<div className="card__actions">
<Button button="primary" onClick={closeModal} label={__("I'm In")} />
</div>
</Modal>
);
};
export default ModalWelcome;