Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-08-14 01:15:18 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

multiselects labels fixed for arbitrary data

Browse source
This commit is contained in:
nklhrstv 2020-09-16 08:43:30 +03:00
parent 9e2603243f
commit 164b2ff053
3 changed files with 22 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/common/Multiselect/Multiselect.js
View file

@ -93,13 +93,13 @@ const Multiselect = ({ className, mode, direction, title, disabled, dataset, ren
renderLabelText()
:
selected.length > 0 ?
options.reduce((labels, { label, value }) => {
if (selected.includes(value)) {
labels.push(typeof label === 'string' ? label : value);
}
return labels;
}, []).join(', ')
selected.map((value) => {
const option = options.find((option) => option.value === value);
return option && typeof option.label === 'string' ?
option.label
:
value;
}).join(', ')
:
title
}

12
src/routes/Addons/useSelectableInputs.js
View file

@ -58,6 +58,18 @@ const mapSelectableInputs = (installedAddons, remoteAddons, navigate) => {
remoteAddons.selected.request.path.type_name === request.path.type_name;
})
.map(({ request }) => JSON.stringify(request)),
renderLabelText: () => {
return installedAddons.selected !== null ?
installedAddons.selected.type_name === ALL_TYPES_OPTION.value ?
ALL_TYPES_OPTION.label
:
installedAddons.selected.type_name
:
remoteAddons.selected !== null ?
remoteAddons.selected.request.path.type_name
:
typeSelect.title;
},
onSelect: (event) => {
const value = JSON.parse(event.value);
if (value === ALL_TYPES_OPTION.value || typeof value === 'string') {

3
src/routes/Library/useSelectableInputs.js
View file

@ -17,6 +17,9 @@ const mapSelectableInputs = (route, library) => {
[],
options: [{ label: 'All', value: JSON.stringify(null) }]
.concat(library.type_names.map((type) => ({ label: type, value: JSON.stringify(type) }))),
renderLabelText: () => {
return library.selected.type_name === null ? 'All' : library.selected.type_name;
},
onSelect: (event) => {
const type = JSON.parse(event.value);
const queryParams = new URLSearchParams(library.selected !== null ? [['sort', library.selected.sort]] : []);