diff --git a/frontend/src/Components/Form/AlbumReleaseSelectInputConnector.js b/frontend/src/Components/Form/AlbumReleaseSelectInputConnector.js index 4433fac6e..0d55eacfa 100644 --- a/frontend/src/Components/Form/AlbumReleaseSelectInputConnector.js +++ b/frontend/src/Components/Form/AlbumReleaseSelectInputConnector.js @@ -5,7 +5,7 @@ import { connect } from 'react-redux'; import { createSelector } from 'reselect'; import shortenList from 'Utilities/String/shortenList'; import titleCase from 'Utilities/String/titleCase'; -import SelectInput from './SelectInput'; +import EnhancedSelectInput from './EnhancedSelectInput'; function createMapStateToProps() { return createSelector( @@ -29,7 +29,8 @@ function createMapStateToProps() { `${disambiguation ? ' (' : ''}${titleCase(disambiguation)}${disambiguation ? ')' : ''}` + `, ${mediumCount} med, ${trackCount} tracks` + `${country && country.length > 0 ? `, ${shortenList(country)}` : ''}` + - `${format ? `, [${format}]` : ''}` + `${format ? `, [${format}]` : ''}`, + hint: `MBID: ${foreignReleaseId.toString().slice(0, 8)}...` }; }); @@ -64,7 +65,7 @@ class AlbumReleaseSelectInputConnector extends Component { render() { return ( - diff --git a/frontend/src/InteractiveImport/AlbumRelease/SelectAlbumReleaseRow.js b/frontend/src/InteractiveImport/AlbumRelease/SelectAlbumReleaseRow.js index 26fa7282a..8dfaf3c96 100644 --- a/frontend/src/InteractiveImport/AlbumRelease/SelectAlbumReleaseRow.js +++ b/frontend/src/InteractiveImport/AlbumRelease/SelectAlbumReleaseRow.js @@ -1,7 +1,7 @@ import _ from 'lodash'; import PropTypes from 'prop-types'; import React, { Component } from 'react'; -import SelectInput from 'Components/Form/SelectInput'; +import EnhancedSelectInput from 'Components/Form/EnhancedSelectInput'; import TableRowCell from 'Components/Table/Cells/TableRowCell'; import TableRow from 'Components/Table/TableRow'; import shortenList from 'Utilities/String/shortenList'; @@ -55,7 +55,7 @@ class SelectAlbumReleaseRow extends Component { if (name === 'release') { return ( - ({ key: r.id, @@ -64,7 +64,8 @@ class SelectAlbumReleaseRow extends Component { `, ${r.mediumCount} med, ${r.trackCount} tracks` + `${r.country.length > 0 ? ', ' : ''}${shortenList(r.country)}` + `${r.format ? ', [' : ''}${r.format}${r.format ? ']' : ''}` + - `${r.monitored ? ', Monitored' : ''}` + `${r.monitored ? ', Monitored' : ''}`, + hint: `MBID: ${r.id.toString().slice(0, 8)}...` }))} value={matchedReleaseId} onChange={this.onInputChange}