59 lines
1.6 KiB
JavaScript
59 lines
1.6 KiB
JavaScript
import React from "react";
|
|
import lbryuri from "lbryuri";
|
|
import { BusyMessage } from "component/common";
|
|
import ChannelPage from "page/channel";
|
|
import FilePage from "page/filePage";
|
|
|
|
class ShowPage extends React.PureComponent {
|
|
componentWillMount() {
|
|
const { isResolvingUri, resolveUri, params } = this.props;
|
|
const { uri } = params;
|
|
|
|
if (!isResolvingUri) resolveUri(uri);
|
|
}
|
|
|
|
componentWillReceiveProps(nextProps) {
|
|
const { isResolvingUri, resolveUri, claim, params } = nextProps;
|
|
const { uri } = params;
|
|
|
|
if (!isResolvingUri && claim === undefined && uri) {
|
|
resolveUri(uri);
|
|
}
|
|
}
|
|
|
|
render() {
|
|
const { claim, params, isResolvingUri } = this.props;
|
|
const { uri } = params;
|
|
|
|
let innerContent = "";
|
|
|
|
if ((isResolvingUri && !claim) || !claim) {
|
|
innerContent = (
|
|
<section className="card">
|
|
<div className="card__inner">
|
|
<div className="card__title-identity"><h1>{uri}</h1></div>
|
|
</div>
|
|
<div className="card__content">
|
|
{isResolvingUri &&
|
|
<BusyMessage
|
|
message={__("Loading magic decentralized data...")}
|
|
/>}
|
|
{claim === null &&
|
|
<span className="empty">
|
|
{__("There's nothing at this location.")}
|
|
</span>}
|
|
</div>
|
|
</section>
|
|
);
|
|
} else if (claim && claim.name.length && claim.name[0] === "@") {
|
|
innerContent = <ChannelPage uri={uri} />;
|
|
} else if (claim) {
|
|
innerContent = <FilePage uri={uri} />;
|
|
}
|
|
|
|
return <main className="main--single-column">{innerContent}</main>;
|
|
}
|
|
}
|
|
|
|
export default ShowPage;
|