diff options
author | =Corey Hulen <corey@hulen.com> | 2015-09-15 18:59:14 -0700 |
---|---|---|
committer | =Corey Hulen <corey@hulen.com> | 2015-09-15 18:59:14 -0700 |
commit | b2a679c25da42c4665059965830858da4f0ec238 (patch) | |
tree | 831b04b0453a67dc291e08e091ffdb497d187922 /web/react/components/user_settings_appearance.jsx | |
parent | 788fc4373b8d22930b3420f7906e626e2bd63394 (diff) | |
download | chat-b2a679c25da42c4665059965830858da4f0ec238.tar.gz chat-b2a679c25da42c4665059965830858da4f0ec238.tar.bz2 chat-b2a679c25da42c4665059965830858da4f0ec238.zip |
PLT-93 cleaing up client side configs
Diffstat (limited to 'web/react/components/user_settings_appearance.jsx')
-rw-r--r-- | web/react/components/user_settings_appearance.jsx | 17 |
1 files changed, 9 insertions, 8 deletions
diff --git a/web/react/components/user_settings_appearance.jsx b/web/react/components/user_settings_appearance.jsx index 3afdd7349..3df013d03 100644 --- a/web/react/components/user_settings_appearance.jsx +++ b/web/react/components/user_settings_appearance.jsx @@ -6,7 +6,8 @@ var SettingItemMin = require('./setting_item_min.jsx'); var SettingItemMax = require('./setting_item_max.jsx'); var Client = require('../utils/client.jsx'); var Utils = require('../utils/utils.jsx'); -import {config} from '../utils/config.js'; + +var ThemeColors = ['#2389d7', '#008a17', '#dc4fad', '#ac193d', '#0072c6', '#d24726', '#ff8f32', '#82ba00', '#03b3b2', '#008299', '#4617b4', '#8c0095', '#004b8b', '#004b8b', '#570000', '#380000', '#585858', '#000000']; export default class UserSettingsAppearance extends React.Component { constructor(props) { @@ -21,8 +22,8 @@ export default class UserSettingsAppearance extends React.Component { getStateFromStores() { var user = UserStore.getCurrentUser(); var theme = '#2389d7'; - if (config.ThemeColors != null) { - theme = config.ThemeColors[0]; + if (ThemeColors != null) { + theme = ThemeColors[0]; } if (user.props && user.props.theme) { theme = user.props.theme; @@ -83,18 +84,18 @@ export default class UserSettingsAppearance extends React.Component { var themeSection; var self = this; - if (config.ThemeColors != null) { + if (ThemeColors != null) { if (this.props.activeSection === 'theme') { var themeButtons = []; - for (var i = 0; i < config.ThemeColors.length; i++) { + for (var i = 0; i < ThemeColors.length; i++) { themeButtons.push( <button - key={config.ThemeColors[i] + 'key' + i} - ref={config.ThemeColors[i]} + key={ThemeColors[i] + 'key' + i} + ref={ThemeColors[i]} type='button' className='btn btn-lg color-btn' - style={{backgroundColor: config.ThemeColors[i]}} + style={{backgroundColor: ThemeColors[i]}} onClick={this.updateTheme} /> ); |