Fixed: Better formatting of the author books page

pull/965/head
ta264 4 years ago
parent 8a7765c855
commit 427f76fbe0

@ -1,7 +1,5 @@
.title { .title {
composes: cell from '~Components/Table/Cells/TableRowCell.css'; composes: cell from '~Components/Table/Cells/TableRowCell.css';
white-space: nowrap;
} }
.monitored { .monitored {
@ -15,3 +13,21 @@
width: 100px; width: 100px;
} }
.rating {
composes: cell from '~Components/Table/Cells/TableRowCell.css';
width: 100px;
}
.releaseDate {
composes: cell from '~Components/Table/Cells/TableRowCell.css';
width: 120px;
}
.pageCount {
composes: cell from '~Components/Table/Cells/TableRowCell.css';
width: 80px;
}

@ -154,7 +154,10 @@ class BookRow extends Component {
if (name === 'rating') { if (name === 'rating') {
return ( return (
<TableRowCell key={name}> <TableRowCell
key={name}
className={styles.rating}
>
{ {
<StarRating <StarRating
rating={ratings.value} rating={ratings.value}
@ -168,6 +171,7 @@ class BookRow extends Component {
if (name === 'releaseDate') { if (name === 'releaseDate') {
return ( return (
<RelativeDateCellConnector <RelativeDateCellConnector
className={styles.releaseDate}
key={name} key={name}
date={releaseDate} date={releaseDate}
/> />
@ -178,6 +182,7 @@ class BookRow extends Component {
return ( return (
<TableRowCell <TableRowCell
key={name} key={name}
className={styles.pageCount}
> >
{pageCount || ''} {pageCount || ''}
</TableRowCell> </TableRowCell>

@ -38,10 +38,10 @@ export const defaultState = {
isVisible: true isVisible: true
}, },
{ {
name: 'position', name: 'series',
label: 'Number', label: 'Series',
isSortable: true, isSortable: true,
isVisible: true isVisible: false
}, },
{ {
name: 'releaseDate', name: 'releaseDate',
@ -50,26 +50,10 @@ export const defaultState = {
isVisible: true isVisible: true
}, },
{ {
name: 'secondaryTypes', name: 'pageCount',
label: 'Secondary Types', label: 'Pages',
isSortable: true,
isVisible: false
},
{
name: 'mediumCount',
label: 'Media Count',
isVisible: false
},
{
name: 'bookCount',
label: 'Book Count',
isVisible: false
},
{
name: 'duration',
label: 'Duration',
isSortable: true, isSortable: true,
isVisible: false isVisible: true
}, },
{ {
name: 'rating', name: 'rating',

Loading…
Cancel
Save