mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-09-23 16:56:08 +08:00
45ef25fc02
Summary: Adds new redesigned preferences with horizontal tab bar and refactored code. Converts Preferences, Plugins, and a few components to ES6. Test Plan: Tested locally. Reviewers: evan, bengotow Reviewed By: bengotow Subscribers: juan Differential Revision: https://phab.nylas.com/D2818
146 lines
3.7 KiB
JavaScript
146 lines
3.7 KiB
JavaScript
import React from 'react';
|
|
import {LaunchServices, SystemStartService} from 'nylas-exports';
|
|
import ConfigSchemaItem from './config-schema-item';
|
|
|
|
class DefaultMailClientItem extends React.Component {
|
|
|
|
constructor() {
|
|
super();
|
|
this.state = {};
|
|
this._services = new LaunchServices();
|
|
if (this._services.available()) {
|
|
this._services.isRegisteredForURLScheme('mailto', (registered) => {
|
|
if (this._mounted) this.setState({defaultClient: registered});
|
|
});
|
|
}
|
|
}
|
|
|
|
componentDidMount() {
|
|
this._mounted = true;
|
|
}
|
|
|
|
componentWillUnmount() {
|
|
this._mounted = false;
|
|
}
|
|
|
|
toggleDefaultMailClient = (event) => {
|
|
if (this.state.defaultClient) {
|
|
this.setState({defaultClient: false});
|
|
this._services.resetURLScheme('mailto');
|
|
} else {
|
|
this.setState({defaultClient: true});
|
|
this._services.registerForURLScheme('mailto');
|
|
}
|
|
event.target.blur();
|
|
}
|
|
|
|
render() {
|
|
if (process.platform !== "darwin") return false;
|
|
return (
|
|
<div className="item">
|
|
<input type="checkbox" id="default-client" checked={this.state.defaultClient} onChange={this.toggleDefaultMailClient}/>
|
|
<label htmlFor="default-client">Use Nylas as default mail client</label>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
}
|
|
|
|
|
|
class LaunchSystemStartItem extends React.Component {
|
|
|
|
constructor() {
|
|
super();
|
|
this.state = {
|
|
available: false,
|
|
launchOnStart: false,
|
|
};
|
|
this._service = new SystemStartService();
|
|
}
|
|
|
|
componentDidMount() {
|
|
this._mounted = true;
|
|
this._service.checkAvailability().then((available) => {
|
|
if (this._mounted) {
|
|
this.setState({available});
|
|
}
|
|
if (!available || !this._mounted) return;
|
|
this._service.doesLaunchOnSystemStart().then((launchOnStart) => {
|
|
if (this._mounted) {
|
|
this.setState({launchOnStart});
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
componentWillUnmount() {
|
|
this._mounted = false;
|
|
}
|
|
|
|
_toggleLaunchOnStart = (event) => {
|
|
if (this.state.launchOnStart) {
|
|
this.setState({launchOnStart: false});
|
|
this._service.dontLaunchOnSystemStart();
|
|
} else {
|
|
this.setState({launchOnStart: true});
|
|
this._service.configureToLaunchOnSystemStart();
|
|
}
|
|
event.target.blur();
|
|
}
|
|
|
|
render() {
|
|
if (!this.state.available) return false;
|
|
return (
|
|
<div className="item">
|
|
<input type="checkbox" id="launch-on-start" checked={this.state.launchOnStart} onChange={this._toggleLaunchOnStart}/>
|
|
<label htmlFor="launch-on-start">Launch on system start</label>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
}
|
|
|
|
|
|
class WorkspaceSection extends React.Component {
|
|
|
|
static displayName = 'WorkspaceSection';
|
|
|
|
static propTypes = {
|
|
config: React.PropTypes.object,
|
|
configSchema: React.PropTypes.object,
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<section>
|
|
<DefaultMailClientItem />
|
|
|
|
<LaunchSystemStartItem />
|
|
|
|
<ConfigSchemaItem
|
|
configSchema={this.props.configSchema.properties.workspace.properties.systemTray}
|
|
keyPath="core.workspace.systemTray"
|
|
config={this.props.config} />
|
|
|
|
<ConfigSchemaItem
|
|
configSchema={this.props.configSchema.properties.workspace.properties.showImportant}
|
|
keyPath="core.workspace.showImportant"
|
|
config={this.props.config} />
|
|
|
|
<ConfigSchemaItem
|
|
configSchema={this.props.configSchema.properties.workspace.properties.showUnreadForAllCategories}
|
|
keyPath="core.workspace.showUnreadForAllCategories"
|
|
config={this.props.config} />
|
|
|
|
<ConfigSchemaItem
|
|
configSchema={this.props.configSchema.properties.workspace.properties.interfaceZoom}
|
|
keyPath="core.workspace.interfaceZoom"
|
|
config={this.props.config} />
|
|
</section>
|
|
);
|
|
}
|
|
|
|
}
|
|
|
|
export default WorkspaceSection;
|