From 4f37dc09f90cadfd6c91fcc89bca9cf576068eed Mon Sep 17 00:00:00 2001
From: svetlagasheva <svetulka_24@mail.bg>
Date: Fri, 18 Oct 2019 13:31:46 +0300
Subject: [PATCH] Multiselect instead of Dropdown used

---
 src/routes/Addons/Addons.js   | 6 +++---
 src/routes/Addons/styles.less | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/routes/Addons/Addons.js b/src/routes/Addons/Addons.js
index 602aac2e1..93e0ccef8 100644
--- a/src/routes/Addons/Addons.js
+++ b/src/routes/Addons/Addons.js
@@ -1,7 +1,7 @@
 const React = require('react');
 const Icon = require('stremio-icons/dom');
 const { Modal } = require('stremio-router');
-const { Button, Dropdown, NavBar, TextInput } = require('stremio/common');
+const { Button, Multiselect, NavBar, TextInput } = require('stremio/common');
 const Addon = require('./Addon');
 const AddonPrompt = require('./AddonPrompt');
 const useAddons = require('./useAddons');
@@ -32,8 +32,8 @@ const Addons = ({ urlParams, queryParams }) => {
                         <Icon className={styles['icon']} icon={'ic_plus'} />
                         <div className={styles['add-button-label']}>Add addon</div>
                     </Button>
-                    {dropdowns.map((dropdown) => (
-                        <Dropdown {...dropdown} key={dropdown.name} className={styles['dropdown']} />
+                    {dropdowns.map((dropdown, index) => (
+                        <Multiselect {...dropdown} key={index} className={styles['dropdown']} />
                     ))}
                     <label className={styles['search-bar-container']}>
                         <Icon className={styles['icon']} icon={'ic_search'} />
diff --git a/src/routes/Addons/styles.less b/src/routes/Addons/styles.less
index 5ba0a6f00..8e32b6f70 100644
--- a/src/routes/Addons/styles.less
+++ b/src/routes/Addons/styles.less
@@ -21,6 +21,7 @@
             display: flex;
             flex-direction: row;
             margin: 2rem;
+            overflow: visible;
 
             .add-button-container {
                 flex: none;