50 lines
1.5 KiB
JavaScript
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, existingRequest, requestId, requestName, requestModifier } = this.props;
|
|
if (!existingRequest) { // 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 } = existingRequest;
|
|
return this.props.onShowNewAsset(name, claimId);
|
|
};
|
|
}
|
|
componentWillReceiveProps (nextProps) {
|
|
if (requestIsAnAssetRequest(nextProps)) {
|
|
const { asset, existingRequest, requestId, requestName, requestModifier } = nextProps;
|
|
if (!existingRequest) {
|
|
return this.props.onNewRequest(requestId, requestName, requestModifier);
|
|
};
|
|
if (!asset) {
|
|
const { name, claimId } = existingRequest;
|
|
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;
|