separate assets from buttons

This commit is contained in:
Travis Eden 2018-10-15 10:50:26 -04:00
parent 622cbcfb74
commit 167806bd0e
3 changed files with 16 additions and 13 deletions

View file

@ -1,10 +1,7 @@
.channel-claims-display { .channel-claims-display {
width: 100%;
display: grid; display: grid;
grid-gap: 16px; grid-gap: 16px;
.button--secondary {
margin-right: $secondary-padding;
}
} }
@media (min-width: 1040px) { @media (min-width: 1040px) {

View file

@ -29,14 +29,18 @@ class ChannelClaimsDisplay extends React.Component {
const {channel: {claimsData: {claims, currentPage, totalPages}}, defaultThumbnail} = this.props; const {channel: {claimsData: {claims, currentPage, totalPages}}, defaultThumbnail} = this.props;
if (claims.length > 0) { if (claims.length > 0) {
return ( return (
<div className={'channel-claims-display'}> <div>
{claims.map(claim => ( <div>
<AssetPreview <div className={'channel-claims-display'}>
defaultThumbnail={defaultThumbnail} {claims.map(claim => (
claimData={claim} <AssetPreview
key={`${claim.name}-${claim.id}`} defaultThumbnail={defaultThumbnail}
/> claimData={claim}
))} key={`${claim.name}-${claim.id}`}
/>
))}
</div>
</div>
<Row> <Row>
{(currentPage > 1) && {(currentPage > 1) &&
<ButtonSecondary <ButtonSecondary

View file

@ -24,7 +24,9 @@ class ShowChannel extends React.Component {
/> />
</Row> </Row>
)} )}
<ChannelClaimsDisplay /> <Row>
<ChannelClaimsDisplay />
</Row>
</PageLayout> </PageLayout>
); );
} }