UI Formatting Cleanup

frontend/src/InteractiveImport/Artist/SelectArtistModalContent.js

@@ -66,15 +66,15 @@ class SelectArtistModalContent extends Component {
             {
               items.map((item) => {
                 return item.artistName.toLowerCase().includes(filter) ?
-                (
-                  <SelectArtistRow
-                    key={item.id}
-                    id={item.id}
-                    artistName={item.artistName}
-                    onArtistSelect={onArtistSelect}
-                  />
-                ) :
-                null;
+                  (
+                    <SelectArtistRow
+                      key={item.id}
+                      id={item.id}
+                      artistName={item.artistName}
+                      onArtistSelect={onArtistSelect}
+                    />
+                  ) :
+                  null;
               })
             }
           </Scroller>

frontend/src/InteractiveImport/Interactive/InteractiveImportModalContentConnector.js

@@ -147,9 +147,9 @@ InteractiveImportModalContentConnector.propTypes = {
 };
 
 export default connectSection(
-                createMapStateToProps,
-                mapDispatchToProps,
-                undefined,
-                undefined,
-                { section: 'interactiveImport' }
-               )(InteractiveImportModalContentConnector);
+  createMapStateToProps,
+  mapDispatchToProps,
+  undefined,
+  undefined,
+  { section: 'interactiveImport' }
+)(InteractiveImportModalContentConnector);

frontend/src/InteractiveImport/Interactive/InteractiveImportRow.js

@@ -178,7 +178,7 @@ class InteractiveImportRow extends Component {
     const artistName = artist ? artist.artistName : '';
     const albumTitle = album ? album.title : '';
     const trackNumbers = tracks.map((track) => track.trackNumber)
-                                   .join(', ');
+      .join(', ');
 
     const showArtistPlaceholder = isSelected && !artist;
     const showAlbumNumberPlaceholder = isSelected && !!artist && !album;

frontend/src/InteractiveImport/Interactive/InteractiveImportRowCellPlaceholder.js

@@ -3,7 +3,7 @@ import styles from './InteractiveImportRowCellPlaceholder.css';
 
 function InteractiveImportRowCellPlaceholder() {
   return (
-    <span className={styles.placeholder}></span>
+    <span className={styles.placeholder} />
   );
 }
 

frontend/src/InteractiveImport/Language/SelectLanguageModalContentConnector.js

@@ -50,7 +50,7 @@ class SelectLanguageModalContentConnector extends Component {
   onLanguageSelect = ({ value }) => {
     const languageId = parseInt(value);
     const language = _.find(this.props.items,
-                           (item) => item.language.id === languageId).language;
+      (item) => item.language.id === languageId).language;
 
     this.props.updateInteractiveImportItem({
       id: this.props.id,

frontend/src/InteractiveImport/Quality/SelectQualityModalContentConnector.js

@@ -49,7 +49,7 @@ class SelectQualityModalContentConnector extends Component {
 
   onQualitySelect = ({ qualityId, proper, real }) => {
     const quality = _.find(this.props.items,
-                           (item) => item.quality.id === qualityId).quality;
+      (item) => item.quality.id === qualityId).quality;
 
     const revision = {
       version: proper ? 2 : 1,