spee.ch/react/containers/ShowChannel/view.jsx
2018-02-12 19:01:29 -08:00

61 lines
2 KiB
JavaScript

import React from 'react';
import ErrorPage from 'components/ErrorPage';
import NavBar from 'containers/NavBar';
import ChannelClaimsDisplay from 'containers/ChannelClaimsDisplay';
import { CHANNEL } from 'constants/show_request_types';
function requestIsAChannelRequest ({ requestType }) {
return requestType === CHANNEL;
}
class ShowChannel extends React.Component {
componentDidMount () {
const { previousRequest, channel, requestId, requestChannelName, requestChannelId } = this.props;
if (!previousRequest) {
return this.props.onNewChannelRequest(requestId, requestChannelName, requestChannelId);
}
if (!channel) {
const { name, shortId, longId } = previousRequest;
return this.props.onShowNewChannel(name, shortId, longId);
}
}
componentWillReceiveProps (nextProps) {
if (requestIsAChannelRequest(nextProps)) {
const { previousRequest, channel, requestId, requestChannelName, requestChannelId } = nextProps;
if (!previousRequest) {
return this.props.onNewChannelRequest(requestId, requestChannelName, requestChannelId);
}
if (!channel) {
const { name, shortId, longId } = previousRequest;
return this.props.onShowNewChannel(name, shortId, longId);
}
}
}
render () {
const { channel } = this.props;
if (channel) {
const { name, longId, shortId } = channel;
return (
<div>
<NavBar/>
<div className="row row--tall row--padded">
<div className="column column--10">
<h2>channel name: {name ? name : 'loading...'}</h2>
<p className={'fine-print'}>full channel id: {longId ? longId : 'loading...'}</p>
<p className={'fine-print'}>short channel id: {shortId ? shortId : 'loading...'}</p>
</div>
<div className="column column--10">
<ChannelClaimsDisplay />
</div>
</div>
</div>
);
};
return (
<ErrorPage error={'loading channel data...'}/>
);
}
};
export default ShowChannel;