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

48 lines
1.3 KiB
React
Raw Normal View History

2019-12-05 06:24:54 +01:00
// @flow
import * as PAGES from 'constants/pages';
2019-12-05 06:24:54 +01:00
import React from 'react';
import { Modal } from 'modal/modal';
import Card from 'component/common/card';
import Confetti from 'react-confetti';
import Button from 'component/button';
type Props = { doHideModal: () => void };
const YoutubeWelcome = (props: Props) => {
const { doHideModal } = props;
return (
<Modal isOpen type="card" onAborted={doHideModal}>
<Confetti recycle={false} style={{ position: 'fixed' }} numberOfPieces={100} />
<Card
2020-08-26 22:28:33 +02:00
title={__("You're free!")}
subtitle={
<React.Fragment>
<p>
{__("You've escaped the land of spying, censorship, and exploitation.")}
<span className="emoji"> 💩</span>
</p>
<p>
{__('Welcome to the land of content freedom.')}
<span className="emoji"> 🌈</span>
</p>
</React.Fragment>
}
actions={
2019-12-06 22:12:48 +01:00
<div className="card__actions">
<Button
button="primary"
label={__('Create an Account')}
navigate={`/$/${PAGES.AUTH}`}
onClick={doHideModal}
/>
<Button button="link" label={__('Not Yet')} onClick={doHideModal} />
2019-12-06 22:12:48 +01:00
</div>
}
2019-12-05 06:24:54 +01:00
/>
</Modal>
);
};
export default YoutubeWelcome;