diff --git a/internal_packages/preferences/lib/tabs/preferences-appearance.jsx b/internal_packages/preferences/lib/tabs/preferences-appearance.jsx index 4a6fa5cd3..71cd3db4d 100644 --- a/internal_packages/preferences/lib/tabs/preferences-appearance.jsx +++ b/internal_packages/preferences/lib/tabs/preferences-appearance.jsx @@ -97,11 +97,17 @@ class PreferencesAppearance extends React.Component { configSchema: React.PropTypes.object, } + onClick = () => { + NylasEnv.commands.dispatch(document.body, "window:launch-theme-picker"); + } + + render() { return (
+
); } diff --git a/internal_packages/theme-picker/lib/main.js b/internal_packages/theme-picker/lib/main.js index b8fa94228..fcab5a7b0 100644 --- a/internal_packages/theme-picker/lib/main.js +++ b/internal_packages/theme-picker/lib/main.js @@ -1,10 +1,21 @@ /** @babel */ -import ThemePickerStore from './theme-picker-store'; +import React from 'react'; +import {Actions, WorkspaceStore} from 'nylas-exports'; + +import ThemePicker from './theme-picker'; + export function activate() { - ThemePickerStore.activate(); + this.disposable = NylasEnv.commands.add("body", "window:launch-theme-picker", () => { + WorkspaceStore.popToRootSheet(); + Actions.openModal({ + component: (), + height: 390, + width: 250, + }); + }); } export function deactivate() { - ThemePickerStore.deactivate(); + this.disposable.dispose(); } diff --git a/internal_packages/theme-picker/lib/theme-picker-store.jsx b/internal_packages/theme-picker/lib/theme-picker-store.jsx deleted file mode 100644 index ed5feb859..000000000 --- a/internal_packages/theme-picker/lib/theme-picker-store.jsx +++ /dev/null @@ -1,30 +0,0 @@ -import React from 'react'; -import Actions from '../../../src/flux/actions'; -import NylasStore from 'nylas-store'; - -import ThemePicker from './theme-picker'; - - -class ThemePickerStore extends NylasStore { - - constructor() { - super(); - } - - activate = ()=> { - this.disposable = NylasEnv.commands.add("body", "window:launch-theme-picker", () => { - Actions.openModal({ - component: (), - height: 390, - width: 250, - }); - }); - } - - deactivate = ()=> { - this.disposable.dispose(); - } - -} - -export default new ThemePickerStore();