2018-02-07 19:52:09 +01:00
|
|
|
import React from 'react';
|
2018-03-08 05:31:10 +01:00
|
|
|
import SEO from 'components/SEO/index';
|
2018-02-07 19:52:09 +01:00
|
|
|
import { Link } from 'react-router-dom';
|
2018-03-08 05:31:10 +01:00
|
|
|
import AssetDisplay from 'containers/AssetDisplay/index';
|
2018-02-23 03:05:00 +01:00
|
|
|
|
2018-02-07 19:52:09 +01:00
|
|
|
class ShowLite extends React.Component {
|
|
|
|
render () {
|
2018-02-14 20:39:24 +01:00
|
|
|
const { asset } = this.props;
|
2018-02-23 03:05:00 +01:00
|
|
|
if (asset) {
|
2018-02-23 20:00:46 +01:00
|
|
|
const { name, claimId } = asset.claimData;
|
2018-02-23 03:05:00 +01:00
|
|
|
return (
|
2018-02-27 02:00:54 +01:00
|
|
|
<div className='row row--tall flex-container--column flex-container--center-center show-lite-container'>
|
2018-02-24 02:57:23 +01:00
|
|
|
<SEO pageTitle={name} asset={asset} />
|
2018-02-24 19:05:28 +01:00
|
|
|
<AssetDisplay />
|
|
|
|
<Link id='asset-boilerpate' className='link--primary fine-print' to={`/${claimId}/${name}`}>hosted
|
|
|
|
via Spee.ch</Link>
|
2018-02-07 19:52:09 +01:00
|
|
|
</div>
|
2018-02-23 03:05:00 +01:00
|
|
|
);
|
|
|
|
}
|
|
|
|
return (
|
2018-02-24 19:05:28 +01:00
|
|
|
<div className='row row--tall row--padded flex-container--column flex-container--center-center'>
|
|
|
|
<p>loading asset data...</p>
|
|
|
|
</div>
|
2018-02-07 19:52:09 +01:00
|
|
|
);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
export default ShowLite;
|