diff --git a/frontend/src/Indexer/Index/IndexerIndexFooter.css b/frontend/src/Indexer/Index/IndexerIndexFooter.css index 312013972..ee77a0480 100644 --- a/frontend/src/Indexer/Index/IndexerIndexFooter.css +++ b/frontend/src/Indexer/Index/IndexerIndexFooter.css @@ -18,31 +18,25 @@ border-radius: 4px; } -.queue { - composes: legendItemColor; - - background-color: $queueColor; -} - -.continuing { - composes: legendItemColor; - - background-color: $primaryColor; -} - -.availNotMonitored { +.disabled { composes: legendItemColor; background-color: $darkGray; } -.ended { +.enabled { composes: legendItemColor; background-color: $successColor; } -.missingMonitored { +.redirected { + composes: legendItemColor; + + background-color: $infoColor; +} + +.error { composes: legendItemColor; background-color: $dangerColor; @@ -52,16 +46,6 @@ } } -.missingUnmonitored { - composes: legendItemColor; - - background-color: $warningColor; - - &:global(.colorImpaired) { - background: repeating-linear-gradient(45deg, $warningColor, $warningColor 5px, color($warningColor tint(15%)) 5px, color($warningColor tint(15%)) 10px); - } -} - .statistics { display: flex; justify-content: space-between; diff --git a/frontend/src/Indexer/Index/IndexerIndexFooter.js b/frontend/src/Indexer/Index/IndexerIndexFooter.js index 163248a5d..08bfebc48 100644 --- a/frontend/src/Indexer/Index/IndexerIndexFooter.js +++ b/frontend/src/Indexer/Index/IndexerIndexFooter.js @@ -10,15 +10,15 @@ class IndexerIndexFooter extends PureComponent { render() { const { - movies, + indexers, colorImpairedMode } = this.props; - const count = movies.length; + const count = indexers.length; let enabled = 0; let torrent = 0; - movies.forEach((s) => { + indexers.forEach((s) => { if (s.enable) { enabled += 1; @@ -33,14 +33,21 @@ class IndexerIndexFooter extends PureComponent {
-
+
Enabled
-
+
+
+ Enabled, Redirected +
+
+ +
+
Disabled
@@ -48,7 +55,7 @@ class IndexerIndexFooter extends PureComponent {
@@ -89,7 +96,7 @@ class IndexerIndexFooter extends PureComponent { } IndexerIndexFooter.propTypes = { - movies: PropTypes.arrayOf(PropTypes.object).isRequired, + indexers: PropTypes.arrayOf(PropTypes.object).isRequired, colorImpairedMode: PropTypes.bool.isRequired }; diff --git a/frontend/src/Indexer/Index/IndexerIndexFooterConnector.js b/frontend/src/Indexer/Index/IndexerIndexFooterConnector.js index f96e1bcfe..03cbb5a28 100644 --- a/frontend/src/Indexer/Index/IndexerIndexFooterConnector.js +++ b/frontend/src/Indexer/Index/IndexerIndexFooterConnector.js @@ -29,7 +29,7 @@ function createUnoptimizedSelector() { function createMoviesSelector() { return createDeepEqualSelector( createUnoptimizedSelector(), - (movies) => movies + (indexers) => indexers ); } @@ -37,9 +37,9 @@ function createMapStateToProps() { return createSelector( createMoviesSelector(), createUISettingsSelector(), - (movies, uiSettings) => { + (indexers, uiSettings) => { return { - movies, + indexers, colorImpairedMode: uiSettings.enableColorImpairedMode }; }