New: Small UI tweaks and package updates

frontend/gulp/webpack.js

@@ -41,6 +41,8 @@ const plugins = [
   })
 ];
 
+let babelPlugins = ['transform-class-properties', 'transform-react-jsx-source'];
+
 if (isProduction) {
   plugins.push(new UglifyJSPlugin({
     sourceMap: true,
@@ -52,6 +54,8 @@ if (isProduction) {
       }
     }
   }));
+
+  babelPlugins = ['transform-class-properties', 'transform-react-remove-prop-types'];
 }
 
 const config = {
@@ -102,14 +106,9 @@ const config = {
         test: /\.js?$/,
         exclude: /(node_modules|JsLibraries)/,
         loader: 'babel-loader',
-        query: {
+        options: {
-          plugins: ['transform-class-properties'],
+          plugins: babelPlugins,
-          presets: ['es2015', 'decorators-legacy', 'react', 'stage-2'],
+          presets: ['env', 'decorators-legacy', 'react', 'stage-2']
-          env: {
-            development: {
-              plugins: ['transform-react-jsx-source']
-            }
-          }
         }
       },
 

frontend/src/Artist/Details/ArtistDetails.css

@@ -5,7 +5,7 @@
 .header {
   position: relative;
   width: 100%;
-  height: 375px;
+  height: 310px;
 }
 
 .backdrop {

frontend/src/Artist/Details/ArtistDetails.js

@@ -496,7 +496,7 @@ class ArtistDetails extends Component {
                 </div>
                 <div className={styles.overview}>
                   <TextTruncate
-                    line={Math.floor(200 / (defaultFontSize * lineHeight))}
+                    line={Math.floor(125 / (defaultFontSize * lineHeight))}
                     text={overview}
                   />
                 </div>

frontend/src/Styles/Variables/dimensions.js

@@ -18,7 +18,7 @@ module.exports = {
   breakpointExtraSmall: '480px',
   breakpointSmall: '768px',
   breakpointMedium: '992px',
-  breakpointLarge: '1200px',
+  breakpointLarge: '1310px',
   breakpointExtraLarge: '1450px',
 
   // Form

frontend/src/TrackFile/Editor/TrackFileEditorRow.css

@@ -1,3 +0,0 @@
-.absoluteEpisodeNumber {
-  margin-left: 5px;
-}

frontend/src/TrackFile/Editor/TrackFileEditorRow.js

@@ -6,7 +6,6 @@ import TableRow from 'Components/Table/TableRow';
 import TableRowCell from 'Components/Table/Cells/TableRowCell';
 import TableSelectCell from 'Components/Table/Cells/TableSelectCell';
 import TrackQuality from 'Album/TrackQuality';
-import styles from './TrackFileEditorRow';
 
 function TrackFileEditorRow(props) {
   const {

frontend/src/Wanted/Missing/MissingRow.css

@@ -1,4 +1,3 @@
-.episode,
 .status {
   composes: cell from 'Components/Table/Cells/TableRowCell.css';
 

frontend/src/Wanted/Missing/MissingRow.js

@@ -2,19 +2,16 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import albumEntities from 'Album/albumEntities';
 import AlbumTitleLink from 'Album/AlbumTitleLink';
-import EpisodeStatusConnector from 'Album/EpisodeStatusConnector';
 import AlbumSearchCellConnector from 'Album/AlbumSearchCellConnector';
 import ArtistNameLink from 'Artist/ArtistNameLink';
 import RelativeDateCellConnector from 'Components/Table/Cells/RelativeDateCellConnector';
 import TableRow from 'Components/Table/TableRow';
 import TableRowCell from 'Components/Table/Cells/TableRowCell';
 import TableSelectCell from 'Components/Table/Cells/TableSelectCell';
-import styles from './MissingRow.css';
 
 function MissingRow(props) {
   const {
     id,
-    // trackFileId,
     artist,
     releaseDate,
     albumType,
@@ -111,7 +108,6 @@ function MissingRow(props) {
 
 MissingRow.propTypes = {
   id: PropTypes.number.isRequired,
-  // trackFileId: PropTypes.number,
   artist: PropTypes.object.isRequired,
   releaseDate: PropTypes.string.isRequired,
   foreignAlbumId: PropTypes.string.isRequired,

frontend/src/index.html

@@ -12,7 +12,7 @@
     <!-- Windows Phone -->
     <meta name="msapplication-navbutton-color" content="#3a3f51"/>
 
-    <meta name="description" content="Lidarr (Preview)">
+    <meta name="description" content="Lidarr">
 
     <link rel="apple-touch-icon" sizes="180x180" href="/Content/Images/Icons/apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="32x32" href="/Content/Images/Icons/favicon-32x32.png">
@@ -24,7 +24,7 @@
 
     <link rel="stylesheet" type="text/css" href="/Content/styles.css">
 
-    <title>Lidarr (Preview)</title>
+    <title>Lidarr</title>
 
     <!--
       The super basic styling for .root  will live here,

package.json

@@ -17,19 +17,20 @@
   "license": "GPL-3.0",
   "readmeFilename": "readme.md",
   "dependencies": {
-    "@fortawesome/fontawesome-free": "5.3.1",
+    "@fortawesome/fontawesome-free": "5.5.0",
-    "@fortawesome/fontawesome-svg-core": "1.2.4",
+    "@fortawesome/fontawesome-svg-core": "1.2.8",
-    "@fortawesome/free-regular-svg-icons": "5.3.1",
+    "@fortawesome/free-regular-svg-icons": "5.5.0",
-    "@fortawesome/free-solid-svg-icons": "5.3.1",
+    "@fortawesome/free-solid-svg-icons": "5.5.0",
     "@fortawesome/react-fontawesome": "0.1.3",
-    "@sentry/browser": "4.0.6",
+    "@sentry/browser": "4.4.1",
     "autoprefixer": "9.1.5",
     "babel-core": "6.26.3",
-    "babel-eslint": "9.0.0",
+    "babel-eslint": "10.0.1",
     "babel-loader": "7.1.5",
     "babel-plugin-transform-class-properties": "6.24.1",
+    "babel-plugin-transform-react-remove-prop-types": "0.4.20",
     "babel-preset-decorators-legacy": "1.0.0",
-    "babel-preset-es2015": "6.24.1",
+    "babel-preset-env": "1.7.0",
     "babel-preset-react": "6.24.1",
     "babel-preset-stage-2": "6.24.1",
     "classnames": "2.2.6",
@@ -39,7 +40,7 @@
     "del": "3.0.0",
     "element-class": "0.2.2",
     "esformatter": "0.10.0",
-    "eslint": "5.6.1",
+    "eslint": "5.9.0",
     "eslint-plugin-filenames": "1.3.2",
     "eslint-plugin-react": "7.11.1",
     "esprint": "0.4.0",
@@ -51,7 +52,7 @@
     "gulp-clean-css": "3.10.0",
     "gulp-concat": "2.6.1",
     "gulp-declare": "0.3.0",
-    "gulp-livereload": "4.0.0",
+    "gulp-livereload": "4.0.1",
     "gulp-postcss": "8.0.0",
     "gulp-print": "5.0.0",
     "gulp-sourcemaps": "2.6.4",
@@ -67,14 +68,14 @@
     "mobile-detect": "1.4.3",
     "moment": "2.22.2",
     "mousetrap": "1.6.2",
-    "normalize.css": "8.0.0",
+    "normalize.css": "8.0.1",
     "postcss-loader": "3.0.0",
     "postcss-mixins": "6.2.0",
     "postcss-nested": "4.1.0",
     "postcss-simple-vars": "5.0.1",
     "prop-types": "15.6.2",
-    "qs": "6.5.2",
+    "qs": "6.6.0",
-    "react": "16.5.2",
+    "react": "16.6.3",
     "react-addons-shallow-compare": "15.6.2",
     "react-async-script": "1.0.0",
     "react-autosuggest": "9.4.2",
@@ -82,21 +83,21 @@
     "react-dnd": "5.0.0",
     "react-dnd-html5-backend": "5.0.1",
     "react-document-title": "2.0.3",
-    "react-dom": "16.5.2",
+    "react-dom": "16.6.3",
-    "react-google-recaptcha": "1.0.2",
+    "react-google-recaptcha": "1.0.5",
     "react-lazyload": "2.3.0",
     "react-measure": "1.4.7",
-    "react-redux": "5.0.7",
+    "react-redux": "5.1.1",
     "react-router-dom": "4.3.1",
     "react-router-redux": "5.0.0-alpha.9",
     "react-slider": "0.11.2",
     "react-tabs": "2.3.0",
-    "react-tether": "1.0.2",
+    "react-tether": "1.0.4",
     "react-text-truncate": "0.13.1",
-    "react-virtualized": "9.20.1",
+    "react-virtualized": "9.21.0",
-    "redux": "4.0.0",
+    "redux": "4.0.1",
-    "redux-actions": "2.6.1",
+    "redux-actions": "2.6.4",
-    "redux-batched-actions": "0.4.0",
+    "redux-batched-actions": "0.4.1",
     "redux-localstorage": "0.4.1",
     "redux-thunk": "2.3.0",
     "require-nocache": "1.0.0",
@@ -105,10 +106,10 @@
     "signalr": "2.3.0",
     "streamqueue": "1.1.2",
     "style-loader": "0.19.1",
-    "stylelint": "9.6.0",
+    "stylelint": "9.9.0",
-    "stylelint-order": "1.0.0",
+    "stylelint-order": "2.0.0",
     "tar.gz": "1.0.7",
-    "uglifyjs-webpack-plugin": "1.2.7",
+    "uglifyjs-webpack-plugin": "1.3.0",
     "url-loader": "0.6.2",
     "webpack": "3.10.0",
     "webpack-stream": "4.0.3"