diff --git a/src/routes/Addons/Addons.js b/src/routes/Addons/Addons.js index 01e7ff319..2489900be 100644 --- a/src/routes/Addons/Addons.js +++ b/src/routes/Addons/Addons.js @@ -10,13 +10,13 @@ const useRemoteAddons = require('./useRemoteAddons'); const useAddonDetailsTransportUrl = require('./useAddonDetailsTransportUrl'); const useSelectableInputs = require('./useSelectableInputs'); const styles = require('./styles'); -const { Filters } = require('stremio/common'); const Addons = ({ urlParams, queryParams }) => { const installedAddons = useInstalledAddons(urlParams); const remoteAddons = useRemoteAddons(urlParams); const [addonDetailsTransportUrl, setAddonDetailsTransportUrl] = useAddonDetailsTransportUrl(urlParams, queryParams); const selectInputs = useSelectableInputs(installedAddons, remoteAddons); + const [filtersModalOpen, openFiltersModal, closeFiltersModal] = useBinaryState(false); const [addAddonModalOpen, openAddAddonModal, closeAddAddonModal] = useBinaryState(false); const addAddonUrlInputRef = React.useRef(null); const addAddonOnSubmit = React.useCallback(() => { @@ -100,9 +100,9 @@ const Addons = ({ urlParams, queryParams }) => { value={search} onChange={searchInputOnChange} /> - - { renderMultiselectsInputs() } - + { installedAddons.selected !== null ? @@ -178,6 +178,14 @@ const Addons = ({ urlParams, queryParams }) => { } + { + filtersModalOpen ? + + { renderMultiselectsInputs() } + + : + null + } { addAddonModalOpen ?