lbry-desktop/ui/js/page/fileListPublished/view.jsx
2017-06-06 17:19:12 -04:00

79 lines
2.1 KiB
JavaScript

import React from "react";
import lbry from "lbry.js";
import lbryuri from "lbryuri.js";
import Link from "component/link";
import { FormField } from "component/form.js";
import FileTile from "component/fileTile";
import rewards from "rewards.js";
import lbryio from "lbryio.js";
import { BusyMessage, Thumbnail } from "component/common.js";
import FileList from "component/fileList";
import SubHeader from "component/subHeader";
class FileListPublished extends React.Component {
componentWillMount() {
this.props.fetchFileListPublished();
}
componentDidUpdate() {
if (this.props.fileInfos.length > 0) this._requestPublishReward();
}
_requestPublishReward() {
// TODO this is throwing an error now
// Error: LBRY internal API is disabled
//
// lbryio.call('reward', 'list', {}).then(function(userRewards) {
// //already rewarded
// if (userRewards.filter(function (reward) {
// return reward.reward_type == rewards.TYPE_FIRST_PUBLISH && reward.transaction_id
// }).length) {
// return
// }
// else {
// rewards.claimReward(rewards.TYPE_FIRST_PUBLISH).catch(() => {})
// }
// })
}
render() {
const { fileInfos, isPending, navigate } = this.props;
let content;
if (fileInfos && fileInfos.length > 0) {
content = (
<FileList
fileInfos={fileInfos}
fetching={isPending}
fileTileShowEmpty={FileTile.SHOW_EMPTY_PENDING}
/>
);
} else {
if (isPending) {
content = <BusyMessage message={__("Loading")} />;
} else {
content = (
<span>
{__("It looks like you haven't published anything to LBRY yet. Go")}
{" "}
<Link
onClick={() => navigate("/publish")}
label={__("share your beautiful cats with the world")}
/>!
</span>
);
}
}
return (
<main className="main--single-column">
<SubHeader />
{content}
</main>
);
}
}
export default FileListPublished;