diff --git a/frontend/src/Components/Form/HintedSelectInputOption.js b/frontend/src/Components/Form/HintedSelectInputOption.js index 4957ece2a..65e5fdfc9 100644 --- a/frontend/src/Components/Form/HintedSelectInputOption.js +++ b/frontend/src/Components/Form/HintedSelectInputOption.js @@ -37,7 +37,7 @@ function HintedSelectInputOption(props) { { hint != null && -
+
{hint}
} diff --git a/frontend/src/Components/Form/IndexersSelectInputConnector.js b/frontend/src/Components/Form/IndexersSelectInputConnector.js index e7cca1feb..f2bdf8810 100644 --- a/frontend/src/Components/Form/IndexersSelectInputConnector.js +++ b/frontend/src/Components/Form/IndexersSelectInputConnector.js @@ -1,4 +1,4 @@ -import _ from 'lodash'; +import { groupBy, map } from 'lodash'; import PropTypes from 'prop-types'; import React, { Component } from 'react'; import { connect } from 'react-redux'; @@ -12,7 +12,7 @@ function createMapStateToProps() { (state) => state.indexers, (value, indexers) => { const values = []; - const groupedIndexers = _.map(_.groupBy(indexers.items, 'protocol'), (val, key) => ({ protocol: key, indexers: val })); + const groupedIndexers = map(groupBy(indexers.items, 'protocol'), (val, key) => ({ protocol: key, indexers: val })); groupedIndexers.forEach((element) => { values.push({ @@ -25,6 +25,7 @@ function createMapStateToProps() { values.push({ key: indexer.id, value: indexer.name, + hint: `(${indexer.id})`, isDisabled: !indexer.enable, parentKey: element.protocol === 'usenet' ? -1 : -2 }); @@ -50,7 +51,6 @@ class IndexersSelectInputConnector extends Component { // Render render() { - return (