mattermost-mobile/app/selectors/theme.js

39 lines
1.2 KiB
JavaScript

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import {createSelector} from 'reselect';
import Preferences from '@mm-redux/constants/preferences';
import {getConfig} from '@mm-redux/selectors/entities/general';
import {getTheme} from '@mm-redux/selectors/entities/preferences';
export const getAllowedThemes = createSelector(
getConfig,
getTheme,
(config) => {
const allThemes = Object.keys(Preferences.THEMES).map((key) => ({
...Preferences.THEMES[key],
key,
}));
let acceptableThemes = allThemes;
const allowedThemeKeys = (config.AllowedThemes || '').split(',').filter(String);
if (allowedThemeKeys.length) {
acceptableThemes = allThemes.filter((theme) => allowedThemeKeys.includes(theme.key));
}
return acceptableThemes;
},
);
export const getCustomTheme = createSelector(
getConfig,
getTheme,
(config, activeTheme) => {
if (config.AllowCustomThemes === 'true' && activeTheme.type === 'custom') {
return {
...activeTheme,
key: 'custom',
};
}
return null;
},
);