Layout changes

This commit is contained in:
2020-02-20 18:17:03 -06:00
parent 9bdfcb9eb3
commit 0eb40e5a65
8 changed files with 24 additions and 21 deletions

View File

@@ -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>

View File

@@ -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 (