import React from 'react';
import ProductFactSheetCollection from 'trc-client-core/src/product/ProductFactSheetCollection';
import ErrorMessage from 'trc-client-core/src/components/ErrorMessage';

class ProductFactSheetHandler extends React.Component {
    constructor(props) {
        super(props);
        this.displayName = 'ProductFactSheetHandler';
    }
    render() {
        var {params} = this.props;
        var children = React.cloneElement(this.props.children, {
            factsheet: (params.id) ? ProductFactSheetCollection.get(params.id) : ProductFactSheetCollection.toList().reverse()
        });

        if(params.id && !ProductFactSheetCollection.get(params.id)) {
            return <ErrorMessage />;
        }
        
        return <div>
            {children}            
        </div>
    }
}

export default ProductFactSheetHandler;