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 ?