Layout changes
This commit is contained in:
@@ -2,10 +2,10 @@ import React from 'react';
|
||||
import * as Constants from '../../../constants';
|
||||
import Button from '../../UI/Button/Button';
|
||||
|
||||
export default ({release}) => {
|
||||
export default ({release, lastItem}) => {
|
||||
return (
|
||||
<div>
|
||||
<h3>{'[' + Constants.RELEASE_TYPES[release.Release] + '] ' + release.Display }</h3>
|
||||
<h2>{'[' + Constants.RELEASE_TYPES[release.Release] + '] ' + release.Display }</h2>
|
||||
<table cellSpacing={0} cellPadding={0} width="97%">
|
||||
<tbody>
|
||||
<tr style={{height: '4px'}}/>
|
||||
@@ -20,7 +20,7 @@ export default ({release}) => {
|
||||
<Button buttonStyles={{width: '100%'}}>Install</Button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style={{height: 'var(--default_spacing)'}}/>
|
||||
{lastItem ? null : <tr style={{height: 'var(--default_spacing)'}}/>}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -19,8 +19,10 @@ const mapDispatchToProps = dispatch => {
|
||||
};
|
||||
|
||||
export default connect(mapStateToProps, mapDispatchToProps)(props => {
|
||||
const newReleases = props.NewReleasesAvailable.map(i => {
|
||||
return <NewRelease key={'new_release_' + i.Release + '_' + i.Version} release={i} />;
|
||||
const newReleases = props.NewReleasesAvailable.map((i, idx) => {
|
||||
return <NewRelease key={'new_release_' + i.Release + '_' + i.Version}
|
||||
lastItem={idx === (props.NewReleasesAvailable.length - 1)}
|
||||
release={i} />;
|
||||
});
|
||||
|
||||
return (
|
||||
|
||||
Reference in New Issue
Block a user