Commit f145b4dd authored by Axel Bocciarelli's avatar Axel Bocciarelli
Browse files

Change order of start date column

parent 7a2f95a8
Pipeline #31882 passed with stage
in 3 minutes and 12 seconds
...@@ -104,22 +104,23 @@ class InvestigationTable extends React.Component { ...@@ -104,22 +104,23 @@ class InvestigationTable extends React.Component {
); );
if (datasetCount && datasetCount.value && datasetCount.value !== 0) { if (datasetCount && datasetCount.value && datasetCount.value !== 0) {
return ( return (
<div> <>
<span style={{ width: 40, textAlign: 'right', float: 'left' }}> <span style={{ width: 40, textAlign: 'right', float: 'left' }}>
{datasetCount.value} {datasetCount.value}
</span> </span>
<span <span
style={{ style={{
width: 80, width: 70,
marginLeft: 5, marginLeft: 5,
float: 'left', float: 'left',
fontStyle: 'italic', fontStyle: 'italic',
color: '#999', color: '#999',
fontSize: 12,
}} }}
> >
({extraData.volumeFormatter(cell, investigation, extraData)}) ({extraData.volumeFormatter(cell, investigation, extraData)})
</span> </span>
</div> </>
); );
} }
} }
...@@ -194,10 +195,17 @@ class InvestigationTable extends React.Component { ...@@ -194,10 +195,17 @@ class InvestigationTable extends React.Component {
responsiveHeaderStyle: { responsiveHeaderStyle: {
xs: { hidden: true }, xs: { hidden: true },
sm: { hidden: true }, sm: { hidden: true },
md: { width: 140, textAlign: 'center' }, md: { width: 110, textAlign: 'center' },
lg: { width: 140, textAlign: 'center' }, lg: { width: 110, textAlign: 'center' },
}, },
}, },
{
text: 'Start Date',
dataField: 'startDate',
formatter: dateFormatter,
sort: true,
responsiveHeaderStyle: getLgHeaderStyle(110, false),
},
{ {
text: 'Title', text: 'Title',
dataField: 'summary', dataField: 'summary',
...@@ -213,7 +221,7 @@ class InvestigationTable extends React.Component { ...@@ -213,7 +221,7 @@ class InvestigationTable extends React.Component {
formatter: this.datasetCountFormatter, formatter: this.datasetCountFormatter,
formatExtraData: this, formatExtraData: this,
responsiveHeaderStyle: getLgHeaderStyle( responsiveHeaderStyle: getLgHeaderStyle(
150, 130,
!this.props.showInvestigationStats !this.props.showInvestigationStats
), ),
}, },
...@@ -229,14 +237,6 @@ class InvestigationTable extends React.Component { ...@@ -229,14 +237,6 @@ class InvestigationTable extends React.Component {
!this.props.showInvestigationStats !this.props.showInvestigationStats
), ),
}, },
{
text: 'Start Date',
dataField: 'startDate',
formatter: dateFormatter,
sort: true,
responsiveHeaderStyle: getLgHeaderStyle(110, false),
},
{ {
text: 'Release', text: 'Release',
dataField: 'releaseDate', dataField: 'releaseDate',
...@@ -249,7 +249,7 @@ class InvestigationTable extends React.Component { ...@@ -249,7 +249,7 @@ class InvestigationTable extends React.Component {
dataField: 'doi', dataField: 'doi',
formatter: (doi) => <DOIBadge doi={doi} />, formatter: (doi) => <DOIBadge doi={doi} />,
sort: true, sort: true,
responsiveHeaderStyle: getLgHeaderStyle(300, false), responsiveHeaderStyle: getLgHeaderStyle(260, false),
}, },
]; ];
} }
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment