7c711caf2d
* Theme selection screen (initial commit) PR Review changes Add custom theme option for users who are already using a custom theme Fix for limited allowed themes Selected item case fix Memoized available themes request, other optimizations updated snapshots * Custom theme option changes - title. spacing, save option on state for life-cycle of screen
39 lines
No EOL
1.2 KiB
JavaScript
39 lines
No EOL
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 'mattermost-redux/constants/preferences';
|
|
import {getConfig} from 'mattermost-redux/selectors/entities/general';
|
|
import {getTheme} from 'mattermost-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;
|
|
}
|
|
); |