import React from 'react';
import NavBar from 'containers/NavBar';
import AssetTitle from 'components/AssetTitle';
import AssetDisplay from 'components/AssetDisplay';
import AssetInfo from 'components/AssetInfo';

class ShowDetailsPage extends React.Component {
  componentDidMount () {
    console.log(this.props);
  }
  render () {
    return (
      <div>
        <NavBar/>
        <div className="row row--tall row--padded">
          <div className="column column--10">
            <AssetTitle title={this.props.claimName}/>
          </div>
          <div className="column column--5 column--sml-10 align-content-top">
            <div className="row row--padded">
              <AssetDisplay
                claimName={this.props.claimName}
                claimId={this.props.claimId}
              />
            </div>
          </div><div className="column column--5 column--sml-10 align-content-top">
          <div className="row row--padded">
            <AssetInfo claimId={this.props.claimId}/>
          </div>
        </div>
        </div>
      </div>
    );
  }
};

// required props
// isChannel
// channelName
// channelClaimId
// claimId
// claimName

export default ShowDetailsPage;