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

50 lines
1.5 KiB
JavaScript

import React from 'react';
import ErrorPage from 'components/ErrorPage';
import ShowAssetLite from 'components/ShowAssetLite';
import ShowAssetDetails from 'components/ShowAssetDetails';
import { ASSET } from 'constants/show_request_types';
function requestIsAnAssetRequest ({ requestType }) {
return requestType === ASSET;
}
class ShowAsset extends React.Component {
componentDidMount () {
const { asset, previousRequest, requestId, requestName, requestModifier } = this.props;
if (!previousRequest) { // case: the asset request does not exist
return this.props.onNewRequest(requestId, requestName, requestModifier);
};
if (!asset) { // case: the asset request does not exist
const { name, claimId } = previousRequest;
return this.props.onShowNewAsset(name, claimId);
};
}
componentWillReceiveProps (nextProps) {
if (requestIsAnAssetRequest(nextProps)) {
const { asset, previousRequest, requestId, requestName, requestModifier } = nextProps;
if (!previousRequest) {
return this.props.onNewRequest(requestId, requestName, requestModifier);
};
if (!asset) {
const { name, claimId } = previousRequest;
return this.props.onShowNewAsset(name, claimId);
};
}
}
render () {
const {asset, requestExtension} = this.props;
if (asset) {
if (requestExtension) {
return <ShowAssetLite/>;
}
return <ShowAssetDetails/>;
}
;
return (
<ErrorPage error={'loading asset data...'}/>
);
}
};
export default ShowAsset;