2017-04-23 18:10:45 +02:00
|
|
|
import React from 'react';
|
|
|
|
import lbry from 'lbry.js';
|
|
|
|
import lbryuri from 'lbryuri.js';
|
|
|
|
import Link from 'component/link';
|
2017-06-06 06:21:55 +02:00
|
|
|
import { FormField } from 'component/form.js';
|
|
|
|
import { FileTile } from 'component/fileTile';
|
2017-04-23 18:10:45 +02:00
|
|
|
import rewards from 'rewards.js';
|
|
|
|
import lbryio from 'lbryio.js';
|
2017-06-06 06:21:55 +02:00
|
|
|
import { BusyMessage, Thumbnail } from 'component/common.js';
|
|
|
|
import FileList from 'component/fileList';
|
|
|
|
import SubHeader from 'component/subHeader';
|
2017-04-23 18:10:45 +02:00
|
|
|
|
2017-04-25 07:47:21 +02:00
|
|
|
class FileListDownloaded extends React.Component {
|
2017-06-06 06:21:55 +02:00
|
|
|
componentWillMount() {
|
|
|
|
this.props.fetchFileInfosDownloaded();
|
|
|
|
}
|
2017-05-11 02:59:47 +02:00
|
|
|
|
2017-06-06 06:21:55 +02:00
|
|
|
render() {
|
|
|
|
const { fileInfos, isPending, navigate } = this.props;
|
2017-04-25 07:47:21 +02:00
|
|
|
|
2017-06-06 06:21:55 +02:00
|
|
|
let content;
|
|
|
|
if (fileInfos && fileInfos.length > 0) {
|
|
|
|
content = <FileList fileInfos={fileInfos} fetching={isPending} />;
|
|
|
|
} else {
|
|
|
|
if (isPending) {
|
|
|
|
content = <BusyMessage message={__('Loading')} />;
|
|
|
|
} else {
|
|
|
|
content = (
|
|
|
|
<span>
|
|
|
|
{__("You haven't downloaded anything from LBRY yet. Go")}
|
|
|
|
{' '}<Link
|
|
|
|
onClick={() => navigate('/discover')}
|
|
|
|
label={__('search for your first download')}
|
|
|
|
/>!
|
|
|
|
</span>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
2017-05-05 10:10:51 +02:00
|
|
|
|
2017-06-06 06:21:55 +02:00
|
|
|
return (
|
|
|
|
<main className="main--single-column">
|
|
|
|
<SubHeader />
|
|
|
|
{content}
|
|
|
|
</main>
|
|
|
|
);
|
|
|
|
}
|
2017-04-23 18:10:45 +02:00
|
|
|
}
|
|
|
|
|
2017-06-06 06:21:55 +02:00
|
|
|
export default FileListDownloaded;
|