lbry-desktop/ui/modal/modalFirstReward/view.jsx

39 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';
2019-12-06 21:57:07 +01:00
import Card from 'component/common/card';
import Button from 'component/button';
2017-07-25 00:59:26 +02:00
2018-09-26 19:48:07 +02:00
type Props = {
closeModal: () => void,
};
class ModalFirstReward extends React.PureComponent<Props> {
2017-07-25 00:59:26 +02:00
render() {
2018-05-30 18:07:56 +02:00
const { closeModal } = this.props;
2017-07-25 00:59:26 +02:00
return (
2019-12-25 21:56:35 +01:00
<Modal type="card" isOpen contentLabel={__('Your First Reward')}>
2019-12-06 21:57:07 +01:00
<Card
title={__('Your First Reward')}
subtitle={__('You just earned your first reward!')}
body={
<React.Fragment>
<p>{__("This reward will show in your Wallet in the top right momentarily (if it hasn't already).")}</p>
<p>
{__(
'These credits are used to compensate creators, to publish your own content, and to have say in how the network works.'
)}
</p>
<p>{__('No need to understand it all just yet! Try watching or publishing something next.')}</p>
</React.Fragment>
}
2019-12-25 21:56:35 +01:00
actions={<Button button="primary" onClick={closeModal} label={__('You Got It Dude')} />}
2019-12-06 21:57:07 +01:00
/>
2017-07-25 00:59:26 +02:00
</Modal>
);
}
}
export default ModalFirstReward;