Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor(Library): translate selectable options

Browse source
This commit is contained in:
Tim 2022-12-15 16:44:56 +01:00
parent 7ed6081b74
commit 2061f65ccf
1 changed files with 15 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,14 +1,24 @@
// Copyright (C) 2017-2022 Smart code 203358507
const React = require('react');
const { useTranslation } = require('react-i18next');
const mapSelectableInputs = (library) => {
const translateOption = (t, option, translateKeyPrefix = '') => {
const translateKey = `${translateKeyPrefix}${option}`;
const translateValue = t(translateKey);
if (translateKey !== translateValue) {
return translateValue;
}
return option.charAt(0).toUpperCase() + option.slice(1);
};
const mapSelectableInputs = (library, t) => {
const typeSelect = {
title: 'Select type',
options: library.selectable.types
.map(({ type, deepLinks }) => ({
value: deepLinks.library,
label: type === null ? 'All' : type
label: type === null ? 'All' : translateOption(t, type, 'TYPE_')
})),
selected: library.selectable.types
.filter(({ selected }) => selected)
@ -22,7 +32,7 @@ const mapSelectableInputs = (library) => {
options: library.selectable.sorts
.map(({ sort, deepLinks }) => ({
value: deepLinks.library,
label: sort
label: translateOption(t, sort)
})),
selected: library.selectable.sorts
.filter(({ selected }) => selected)
@ -49,8 +59,9 @@ const mapSelectableInputs = (library) => {
};
const useSelectableInputs = (library) => {
const { t } = useTranslation();
const selectableInputs = React.useMemo(() => {
return mapSelectableInputs(library);
return mapSelectableInputs(library, t);
}, [library]);
return selectableInputs;
};