🔧 Fixing up the UI on the library page

This commit is contained in:
2022-03-08 00:54:42 -08:00
parent bb3e01ca24
commit b237d2a32d

View File

@@ -54,7 +54,7 @@ export const Library = (data: IComicBookLibraryProps): ReactElement => {
Header: "File Details", Header: "File Details",
id: "fileDetails", id: "fileDetails",
accessor: (row) => accessor: (row) =>
!isEmpty(row._source.rawFileDetails.cover) !isEmpty(row._source.rawFileDetails)
? row._source.rawFileDetails ? row._source.rawFileDetails
: row._source.sourcedMetadata, : row._source.sourcedMetadata,
Cell: ({ value }) => { Cell: ({ value }) => {
@@ -77,16 +77,20 @@ export const Library = (data: IComicBookLibraryProps): ReactElement => {
], ],
}, },
{ {
Header: "ComicVine Metadata", Header: "Additional Metadata",
columns: [ columns: [
{ {
Header: "Issue #", Header: "Issue #",
accessor: "_source.sourcedMetadata", accessor: "_source.inferredMetadata.issue",
Cell(props) { Cell(props) {
return ( return (
!isUndefined(props.cell.value) && !isUndefined(props.cell.value) && (
!isUndefined(props.cell.value.comicvine) && ( <div className="control">
<div>{props.cell.value.comicvine.issue_number}</div> <div className="tags has-addons">
<span className="tag is-light is-warning">Inferred</span>
<span className="tag">{props.cell.value.number}</span>
</div>
</div>
) )
); );
}, },