diff --git a/frontend/src/Indexer/Add/AddIndexerModalContent.css b/frontend/src/Indexer/Add/AddIndexerModalContent.css index 3ba5cf3b3..cee15a099 100644 --- a/frontend/src/Indexer/Add/AddIndexerModalContent.css +++ b/frontend/src/Indexer/Add/AddIndexerModalContent.css @@ -76,10 +76,6 @@ background-color: var(--hoverBackgroundColor); } -.filterRowCollapsed { - display: none !important; -} - @media only screen and (max-width: $breakpointSmall) { .filterInput { margin-bottom: 8px; @@ -102,6 +98,10 @@ background-color: var(--cardBackgroundColor); } + .filterRowCollapsed { + display: none !important; + } + .filterContainer { margin-right: 0; margin-bottom: 8px; diff --git a/frontend/src/Indexer/Add/AddIndexerModalContent.tsx b/frontend/src/Indexer/Add/AddIndexerModalContent.tsx index 67de08e4f..9366980aa 100644 --- a/frontend/src/Indexer/Add/AddIndexerModalContent.tsx +++ b/frontend/src/Indexer/Add/AddIndexerModalContent.tsx @@ -27,7 +27,6 @@ import { } from 'Store/Actions/indexerActions'; import createAllIndexersSelector from 'Store/Selectors/createAllIndexersSelector'; import createClientSideCollectionSelector from 'Store/Selectors/createClientSideCollectionSelector'; -import createDimensionsSelector from 'Store/Selectors/createDimensionsSelector'; import { SortCallback } from 'typings/callbacks'; import sortByProp from 'Utilities/Array/sortByProp'; import getErrorMessage from 'Utilities/Object/getErrorMessage'; @@ -114,8 +113,7 @@ function createAddIndexersSelector() { return createSelector( createClientSideCollectionSelector('indexers.schema'), createAllIndexersSelector(), - createDimensionsSelector(), - (indexers: IndexerAppState, allIndexers, dimensions) => { + (indexers: IndexerAppState, allIndexers) => { const { isFetching, isPopulated, error, items, sortDirection, sortKey } = indexers; @@ -134,7 +132,6 @@ function createAddIndexersSelector() { indexers: indexerList, sortKey, sortDirection, - isSmallScreen: dimensions.isSmallScreen, }; } ); @@ -148,15 +145,8 @@ interface AddIndexerModalContentProps { function AddIndexerModalContent(props: AddIndexerModalContentProps) { const { onSelectIndexer, onModalClose } = props; - const { - isFetching, - isPopulated, - error, - indexers, - sortKey, - sortDirection, - isSmallScreen, - } = useSelector(createAddIndexersSelector()); + const { isFetching, isPopulated, error, indexers, sortKey, sortDirection } = + useSelector(createAddIndexersSelector()); const dispatch = useDispatch(); const [filter, setFilter] = useState(''); @@ -164,7 +154,7 @@ function AddIndexerModalContent(props: AddIndexerModalContentProps) { const [filterLanguages, setFilterLanguages] = useState([]); const [filterPrivacyLevels, setFilterPrivacyLevels] = useState([]); const [filterCategories, setFilterCategories] = useState([]); - const [isFiltersCollapsed, setIsFiltersCollapsed] = useState(isSmallScreen); + const [isFiltersCollapsed, setIsFiltersCollapsed] = useState(true); useEffect( () => {