Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-21 07:32:02 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Multiselect instead of Dropdown used

Browse source
This commit is contained in:
svetlagasheva 2019-10-18 13:31:46 +03:00
parent fc89a083ea
commit 4f37dc09f9
2 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/routes/Addons/Addons.js
View file

@ -1,7 +1,7 @@
const React = require('react'); const React = require('react');
const Icon = require('stremio-icons/dom'); const Icon = require('stremio-icons/dom');
const { Modal } = require('stremio-router'); 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 Addon = require('./Addon');
const AddonPrompt = require('./AddonPrompt'); const AddonPrompt = require('./AddonPrompt');
const useAddons = require('./useAddons'); const useAddons = require('./useAddons');
@ -32,8 +32,8 @@ const Addons = ({ urlParams, queryParams }) => {
<Icon className={styles['icon']} icon={'ic_plus'} /> <Icon className={styles['icon']} icon={'ic_plus'} />
<div className={styles['add-button-label']}>Add addon</div> <div className={styles['add-button-label']}>Add addon</div>
</Button> </Button>
{dropdowns.map((dropdown) => ( {dropdowns.map((dropdown, index) => (
<Dropdown {...dropdown} key={dropdown.name} className={styles['dropdown']} /> <Multiselect {...dropdown} key={index} className={styles['dropdown']} />
))} ))}
<label className={styles['search-bar-container']}> <label className={styles['search-bar-container']}>
<Icon className={styles['icon']} icon={'ic_search'} /> <Icon className={styles['icon']} icon={'ic_search'} />

1
src/routes/Addons/styles.less
View file

@ -21,6 +21,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin: 2rem; margin: 2rem;
overflow: visible;
.add-button-container { .add-button-container {
flex: none; flex: none;