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

CONSTANTS module created

Browse source
This commit is contained in:
nklhrstv 2020-03-15 00:02:18 +02:00
parent 585d77c588
commit 73e49c1a36
4 changed files with 14 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/common/CONSTANTS.js Normal file
View file

@ -0,0 +1,7 @@
const SUBTITLES_SIZES = [75, 100, 125, 150, 175, 200, 250];
const SUBTITLES_FONTS = ['Roboto', 'Arial', 'Halvetica', 'Times New Roman', 'Verdana', 'Courier', 'Lucida Console', 'sans-serif', 'serif', 'monospace'];
module.exports = {
SUBTITLES_SIZES,
SUBTITLES_FONTS
};

2
src/common/index.js
View file

@ -17,6 +17,7 @@ const SharePrompt = require('./SharePrompt');
const Slider = require('./Slider'); const Slider = require('./Slider');
const TextInput = require('./TextInput'); const TextInput = require('./TextInput');
const { ToastProvider, useToast } = require('./Toast'); const { ToastProvider, useToast } = require('./Toast');
const CONSTANTS = require('./CONSTANTS');
const languageNames = require('./languageNames'); const languageNames = require('./languageNames');
const routesRegexp = require('./routesRegexp'); const routesRegexp = require('./routesRegexp');
const useAnimationFrame = require('./useAnimationFrame'); const useAnimationFrame = require('./useAnimationFrame');
@ -52,6 +53,7 @@ module.exports = {
TextInput, TextInput,
ToastProvider, ToastProvider,
useToast, useToast,
CONSTANTS,
languageNames, languageNames,
routesRegexp, routesRegexp,
useAnimationFrame, useAnimationFrame,

8
src/routes/Player/SubtitlesPicker/SubtitlesPicker.js
View file

@ -1,12 +1,10 @@
const React = require('react'); const React = require('react');
const PropTypes = require('prop-types'); const PropTypes = require('prop-types');
const classnames = require('classnames'); const classnames = require('classnames');
const Icon = require('stremio-icons/dom'); const { Button, CONSTANTS, languageNames } = require('stremio/common');
const { Button, ColorInput, languageNames } = require('stremio/common');
const DiscreteSelectInput = require('./DiscreteSelectInput'); const DiscreteSelectInput = require('./DiscreteSelectInput');
const styles = require('./styles'); const styles = require('./styles');
const SUBTITLES_SIZES = [75, 100, 125, 150, 175, 200, 250];
const ORIGIN_PRIORITIES = { const ORIGIN_PRIORITIES = {
'EMBEDDED': 1 'EMBEDDED': 1
}; };
@ -92,9 +90,9 @@ const SubtitlesPicker = (props) => {
}, [props.delay, props.onDelayChanged]); }, [props.delay, props.onDelayChanged]);
const onSizeChanged = React.useCallback((event) => { const onSizeChanged = React.useCallback((event) => {
if (props.size !== null && !isNaN(props.size)) { if (props.size !== null && !isNaN(props.size)) {
const sizeIndex = SUBTITLES_SIZES.indexOf(props.size); const sizeIndex = CONSTANTS.SUBTITLES_SIZES.indexOf(props.size);
const delta = event.value === 'increment' ? 1 : -1; const delta = event.value === 'increment' ? 1 : -1;
const size = SUBTITLES_SIZES[Math.max(0, Math.min(SUBTITLES_SIZES.length, sizeIndex + delta))]; const size = CONSTANTS.SUBTITLES_SIZES[Math.max(0, Math.min(CONSTANTS.SUBTITLES_SIZES.length, sizeIndex + delta))];
if (typeof props.onSizeChanged === 'function') { if (typeof props.onSizeChanged === 'function') {
props.onSizeChanged(size); props.onSizeChanged(size);
} }

6
src/routes/Settings/useProfileSettingsInputs.js
View file

@ -1,8 +1,6 @@
const React = require('react'); const React = require('react');
const { useServices } = require('stremio/services'); const { useServices } = require('stremio/services');
const { languageNames } = require('stremio/common'); const { CONSTANTS, languageNames } = require('stremio/common');
const SUBTITLES_SIZES = [75, 100, 125, 150, 175, 200, 250];
const useProfileSettingsInputs = (profile) => { const useProfileSettingsInputs = (profile) => {
const { core } = useServices(); const { core } = useServices();
@ -57,7 +55,7 @@ const useProfileSettingsInputs = (profile) => {
} }
}), [profile.settings]); }), [profile.settings]);
const subtitlesSizeSelect = React.useMemo(() => ({ const subtitlesSizeSelect = React.useMemo(() => ({
options: SUBTITLES_SIZES.map((size) => ({ options: CONSTANTS.SUBTITLES_SIZES.map((size) => ({
value: `${size}`, value: `${size}`,
label: `${size}%` label: `${size}%`
})), })),