Fix build, Add some color

frontend/src/Components/CircularProgressBar.js

@@ -132,7 +132,7 @@ CircularProgressBar.defaultProps = {
   containerClassName: styles.circularProgressBarContainer,
   size: 60,
   strokeWidth: 5,
-  strokeColor: colors.prowlarrYellow,
+  strokeColor: colors.prowlarrOrange,
   showProgressText: false
 };
 

frontend/src/Components/Page/Header/PageHeader.css

@@ -4,7 +4,8 @@
   align-items: center;
   flex: 0 0 auto;
   height: $headerHeight;
-  background-color: #464b51;
+  background-color: $prowlarrOrange;
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   color: $white;
 }
 
@@ -16,8 +17,9 @@
 }
 
 .appTitle {
+  display: none;
+  color: #555;
   font-size: 30px;
-  color: #fff
 }
 
 .logoFull,

frontend/src/Components/Page/Sidebar/PageSidebar.js

@@ -49,8 +49,8 @@ const links = [
     to: '/settings',
     children: [
       {
-        title: translate('Indexers'),
-        to: '/settings/indexers'
+        title: translate('Apps'),
+        to: '/settings/applications'
       },
       {
         title: translate('Connect'),

frontend/src/Indexer/Index/Table/MovieIndexRow.js

@@ -65,9 +65,6 @@ class MovieIndexRow extends Component {
   render() {
     const {
       id,
-      tmdbId,
-      imdbId,
-      youTubeTrailerId,
       monitored,
       status,
       title,

frontend/src/Settings/Settings.js

@@ -16,20 +16,20 @@ function Settings() {
       <PageContentBody>
         <Link
           className={styles.link}
-          to="/settings/indexers"
+          to="/settings/applications"
         >
-          {translate('Indexers')}
+          Applications
         </Link>
 
         <div className={styles.summary}>
-          {translate('IndexersSettingsSummary')}
+          Applications and settings to configure how prowlarr interacts with your PVR programs
         </div>
 
         <Link
           className={styles.link}
           to="/settings/connect"
         >
-          {translate('Connect')}
+          Notifications
         </Link>
 
         <div className={styles.summary}>

frontend/src/Settings/UI/UISettings.js

@@ -43,11 +43,6 @@ export const timeFormatOptions = [
   { key: 'HH:mm', value: '17:00/17:30' }
 ];
 
-export const movieRuntimeFormatOptions = [
-  { key: 'hoursMinutes', value: '1h 15m' },
-  { key: 'minutes', value: '75 mins' }
-];
-
 class UISettings extends Component {
 
   //
@@ -120,20 +115,6 @@ class UISettings extends Component {
                   </FormGroup>
                 </FieldSet>
 
-                <FieldSet legend={translate('Movies')}>
-                  <FormGroup>
-                    <FormLabel>{translate('SettingsRuntimeFormat')}</FormLabel>
-
-                    <FormInputGroup
-                      type={inputTypes.SELECT}
-                      name="movieRuntimeFormat"
-                      values={movieRuntimeFormatOptions}
-                      onChange={onInputChange}
-                      {...settings.movieRuntimeFormat}
-                    />
-                  </FormGroup>
-                </FieldSet>
-
                 <FieldSet legend={translate('Dates')}>
                   <FormGroup>
                     <FormLabel>{translate('SettingsShortDateFormat')}</FormLabel>
@@ -197,19 +178,6 @@ class UISettings extends Component {
                 </FieldSet>
 
                 <FieldSet legend={translate('Language')}>
-                  <FormGroup>
-                    <FormLabel>{translate('MovieInfoLanguage')}</FormLabel>
-                    <FormInputGroup
-                      type={inputTypes.SELECT}
-                      name="movieInfoLanguage"
-                      values={languages}
-                      helpText={translate('MovieInfoLanguageHelpText')}
-                      helpTextWarning={translate('MovieInfoLanguageHelpTextWarning')}
-                      onChange={onInputChange}
-                      {...settings.movieInfoLanguage}
-                    />
-                  </FormGroup>
-
                   <FormGroup>
                     <FormLabel>{translate('UILanguage')}</FormLabel>
                     <FormInputGroup

frontend/src/Styles/Variables/colors.js

@@ -1,4 +1,4 @@
-const prowlarrYellow = '#aaa';
+const prowlarrOrange = '#e66000';
 
 module.exports = {
   textColor: '#515253',
@@ -17,7 +17,7 @@ module.exports = {
   queueColor: '#7a43b6',
   purple: '#7a43b6',
   pink: '#ff69b4',
-  prowlarrYellow,
+  prowlarrOrange,
   helpTextColor: '#909293',
   darkGray: '#888',
   gray: '#adadad',
@@ -26,7 +26,7 @@ module.exports = {
 
   // Theme Colors
 
-  themeBlue: prowlarrYellow,
+  themeBlue: prowlarrOrange,
   themeRed: '#c4273c',
   themeDarkColor: '#595959',
   themeLightColor: '#707070',