Disabled 'reset' theme button if theme is already default

Author: Brian Vaughn

frontend/Panel.js

@@ -95,6 +95,7 @@ class Panel extends React.Component {
 
  getChildContext(): Object {
  return {
+ defaultThemeName: this._store && this._store.getDefaultThemeName() || '',
  showHiddenThemes: !!this.props.showHiddenThemes,
  showInspectButton: this.props.showInspectButton !== false,
  store: this._store,
@@ -345,6 +346,7 @@ class Panel extends React.Component {
 }
 
 Panel.childContextTypes = {
+ defaultThemeName: React.PropTypes.string.isRequired,
  showHiddenThemes: React.PropTypes.bool.isRequired,
  showInspectButton: React.PropTypes.bool.isRequired,
  store: React.PropTypes.object,

frontend/PreferencesPanel.js

@@ -22,6 +22,7 @@ class PreferencesPanel extends React.Component {
  _selectRef: any;
 
  context: {
+ defaultThemeName: string,
  showHiddenThemes: boolean,
  theme: Theme,
  themeName: string,
@@ -57,7 +58,7 @@ class PreferencesPanel extends React.Component {
  }
 
  render() {
- const {showHiddenThemes, theme, themeName, themes} = this.context;
+ const {defaultThemeName, showHiddenThemes, theme, themeName, themes} = this.context;
  const {hide, open} = this.props;
  const {previewMode} = this.state;
 
@@ -101,6 +102,7 @@ class PreferencesPanel extends React.Component {
  </div>
  <div style={styles.buttonBar}>
  <button
+ disabled={themeName === defaultThemeName}
  onClick={this._reset}
  style={styles.button}
  >
@@ -174,6 +176,7 @@ class PreferencesPanel extends React.Component {
 }
 
 PreferencesPanel.contextTypes = {
+ defaultThemeName: React.PropTypes.string.isRequired,
  showHiddenThemes: React.PropTypes.bool.isRequired,
  theme: React.PropTypes.object.isRequired,
  themeName: React.PropTypes.string.isRequired,

frontend/Store.js

@@ -360,6 +360,10 @@ class Store extends EventEmitter {
  ThemeStore.set(themeName || null);
  }
 
+ getDefaultThemeName(): string {
+ return this._defaultThemeName;
+ }
+
  setDefaultThemeName(defaultThemeName: ?string) {
  // Don't accept an invalid themeName as a default.
  this._defaultThemeName = this._safeThemeName(defaultThemeName);