diff options
| author | Reed Garmsen <rgarmsen2295@gmail.com> | 2015-09-23 13:21:35 -0700 |
|---|---|---|
| committer | Reed Garmsen <rgarmsen2295@gmail.com> | 2015-09-23 13:36:41 -0700 |
| commit | ea0dcb44210226fb4fc8cbf165b73d06d70dad7d (patch) | |
| tree | 060d99983a0e93f92a559056ba3dc70b2ff163ac | |
| parent | 0170cfe604e6cfb430be0b6181243ca85a9ab27b (diff) | |
| download | chat-ea0dcb44210226fb4fc8cbf165b73d06d70dad7d.tar.gz chat-ea0dcb44210226fb4fc8cbf165b73d06d70dad7d.tar.bz2 chat-ea0dcb44210226fb4fc8cbf165b73d06d70dad7d.zip | |
Small fix for react key warning
| -rw-r--r-- | web/react/components/user_settings/custom_theme_chooser.jsx | 7 | ||||
| -rw-r--r-- | web/react/components/user_settings/premade_theme_chooser.jsx | 5 |
2 files changed, 9 insertions, 3 deletions
diff --git a/web/react/components/user_settings/custom_theme_chooser.jsx b/web/react/components/user_settings/custom_theme_chooser.jsx index 44630a318..c680d75d1 100644 --- a/web/react/components/user_settings/custom_theme_chooser.jsx +++ b/web/react/components/user_settings/custom_theme_chooser.jsx @@ -53,9 +53,12 @@ export default class CustomThemeChooser extends React.Component { const elements = []; let colors = ''; - Constants.THEME_ELEMENTS.forEach((element) => { + Constants.THEME_ELEMENTS.forEach((element, index) => { elements.push( - <div className='col-sm-4 form-group'> + <div + className='col-sm-4 form-group' + key={'custom-theme-key' + index} + > <label className='custom-label'>{element.uiName}</label> <div className='input-group color-picker' diff --git a/web/react/components/user_settings/premade_theme_chooser.jsx b/web/react/components/user_settings/premade_theme_chooser.jsx index e6aa2f5b9..f8f916bd0 100644 --- a/web/react/components/user_settings/premade_theme_chooser.jsx +++ b/web/react/components/user_settings/premade_theme_chooser.jsx @@ -23,7 +23,10 @@ export default class PremadeThemeChooser extends React.Component { } premadeThemes.push( - <div className='col-sm-3 premade-themes'> + <div + className='col-sm-3 premade-themes' + key={'premade-theme-key' + k} + > <div className={activeClass} onClick={() => this.props.updateTheme(premadeTheme)} |