lbry-desktop/ui/js/page/fileListDownloaded/view.jsx

46 lines
1.2 KiB
React
Raw Normal View History

2017-06-06 23:19:12 +02:00
import React from "react";
import Link from "component/link";
import { FileTile } from "component/fileTile";
import { BusyMessage, Thumbnail } from "component/common.js";
import FileList from "component/fileList";
import SubHeader from "component/subHeader";
2017-06-08 06:42:19 +02:00
class FileListDownloaded extends React.PureComponent {
componentWillMount() {
if (!this.props.isFetchingClaims) this.props.fetchClaims();
if (!this.props.isFetching) this.props.fetchFileInfosDownloaded();
}
2017-04-25 07:47:21 +02:00
render() {
const { fileInfos, isFetching, navigate } = this.props;
2017-04-25 07:47:21 +02:00
2017-06-06 23:19:12 +02:00
let content;
if (fileInfos && fileInfos.length > 0) {
content = <FileList fileInfos={fileInfos} fetching={isFetching} />;
2017-04-25 07:47:21 +02:00
} else {
if (isFetching) {
2017-06-06 23:19:12 +02:00
content = <BusyMessage message={__("Loading")} />;
2017-05-15 18:34:33 +02:00
} else {
2017-06-06 23:19:12 +02:00
content = (
<span>
{__("You haven't downloaded anything from LBRY yet. Go")}{" "}
2017-06-06 23:19:12 +02:00
<Link
onClick={() => navigate("/discover")}
label={__("search for your first download")}
/>!
</span>
);
2017-05-15 18:34:33 +02:00
}
2017-04-25 07:47:21 +02:00
}
return (
<main className="main--single-column">
<SubHeader />
{content}
</main>
2017-06-06 23:19:12 +02:00
);
2017-04-25 07:47:21 +02:00
}
}
2017-06-06 06:21:55 +02:00
export default FileListDownloaded;