diff --git a/frontend/src/BookFile/FileDetails.js b/frontend/src/BookFile/FileDetails.js index aa6980d87..bcc5f2cc8 100644 --- a/frontend/src/BookFile/FileDetails.js +++ b/frontend/src/BookFile/FileDetails.js @@ -6,7 +6,7 @@ import DescriptionListItem from 'Components/DescriptionList/DescriptionListItem' import DescriptionListItemDescription from 'Components/DescriptionList/DescriptionListItemDescription'; import DescriptionListItemTitle from 'Components/DescriptionList/DescriptionListItemTitle'; import Link from 'Components/Link/Link'; -import formatTimeSpan from 'Utilities/Date/formatTimeSpan'; +import stripHtml from 'Utilities/String/stripHtml'; import styles from './FileDetails.css'; function renderRejections(rejections) { @@ -90,6 +90,20 @@ function FileDetails(props) { data={audioTags.authorTitle} /> } + { + audioTags.seriesTitle !== undefined && + + } + { + audioTags.seriesIndex !== undefined && + + } { audioTags.country !== undefined && } + { + audioTags.language !== undefined && audioTags.language !== 'UND' && + + } { audioTags.year > 0 && } + { + audioTags.publisher !== undefined && + + } { audioTags.catalogNumber !== undefined && } { - audioTags.duration !== undefined && + audioTags.isbn !== undefined && } { + audioTags.asin !== undefined && + + } { audioTags.authorMBId !== undefined && { + this.setState({ isDetailsModalOpen: true }); + } + + onDetailsModalClose = () => { + this.setState({ isDetailsModalOpen: false }); + } + onSelectAuthorPress = () => { this.setState({ isSelectAuthorModalOpen: true }); } @@ -139,10 +150,12 @@ class InteractiveImportRow extends Component { rejections, additionalFile, isSelected, - onSelectedChange + onSelectedChange, + audioTags } = this.props; const { + isDetailsModalOpen, isSelectAuthorModalOpen, isSelectBookModalOpen, isSelectQualityModalOpen @@ -159,7 +172,7 @@ class InteractiveImportRow extends Component { const showQualityPlaceholder = isSelected && !quality; const pathCellContents = ( -
+
{path}
); @@ -172,6 +185,13 @@ class InteractiveImportRow extends Component { /> ) : pathCellContents; + const fileDetails = ( + + ); + return ( + +