mirror of
https://github.com/Prowlarr/Prowlarr.git
synced 2025-04-24 13:57:11 -04:00
Fixed: Custom Filter improvements
This commit is contained in:
parent
895abe8c3b
commit
a3e312b368
6 changed files with 16 additions and 6 deletions
|
@ -3,16 +3,21 @@ import { connect } from 'react-redux';
|
|||
import { createSelector } from 'reselect';
|
||||
import sortByName from 'Utilities/Array/sortByName';
|
||||
import { filterBuilderTypes } from 'Helpers/Props';
|
||||
import * as filterTypes from 'Helpers/Props/filterTypes';
|
||||
import FilterBuilderRowValue from './FilterBuilderRowValue';
|
||||
|
||||
function createTagListSelector() {
|
||||
return createSelector(
|
||||
(state, { filterType }) => filterType,
|
||||
(state, { sectionItems }) => sectionItems,
|
||||
(state, { selectedFilterBuilderProp }) => selectedFilterBuilderProp,
|
||||
(sectionItems, selectedFilterBuilderProp) => {
|
||||
(filterType, sectionItems, selectedFilterBuilderProp) => {
|
||||
if (
|
||||
selectedFilterBuilderProp.type === filterBuilderTypes.NUMBER ||
|
||||
selectedFilterBuilderProp.type === filterBuilderTypes.STRING
|
||||
(selectedFilterBuilderProp.type === filterBuilderTypes.NUMBER ||
|
||||
selectedFilterBuilderProp.type === filterBuilderTypes.STRING) &&
|
||||
filterType !== filterTypes.EQUAL &&
|
||||
filterType !== filterBuilderTypes.NOT_EQUAL ||
|
||||
!selectedFilterBuilderProp.optionsSelector
|
||||
) {
|
||||
return [];
|
||||
}
|
||||
|
|
|
@ -1,4 +1,6 @@
|
|||
.tag {
|
||||
height: 21px;
|
||||
|
||||
&.isLastTag {
|
||||
.or {
|
||||
display: none;
|
||||
|
|
|
@ -29,10 +29,10 @@ function CustomFiltersModalContent(props) {
|
|||
|
||||
<ModalBody>
|
||||
{
|
||||
customFilters.map((customFilter, index) => {
|
||||
customFilters.map((customFilter) => {
|
||||
return (
|
||||
<CustomFilter
|
||||
key={index}
|
||||
key={customFilter.id}
|
||||
id={customFilter.id}
|
||||
label={customFilter.label}
|
||||
filters={customFilter.filters}
|
||||
|
|
|
@ -37,6 +37,7 @@
|
|||
.suggestionsList {
|
||||
margin: 5px 0;
|
||||
padding-left: 0;
|
||||
max-height: 200px;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
|
|
|
@ -14,10 +14,11 @@
|
|||
|
||||
.internalInput {
|
||||
flex: 1 1 0%;
|
||||
margin-top: -6px;
|
||||
margin-left: 3px;
|
||||
min-width: 20%;
|
||||
max-width: 100%;
|
||||
width: 0%;
|
||||
height: 21px;
|
||||
height: 31px;
|
||||
border: none;
|
||||
}
|
||||
|
|
|
@ -6,5 +6,6 @@
|
|||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 6px 16px;
|
||||
height: 33px;
|
||||
cursor: default;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue