aaron/mattermost-desktop
1
0
Fork 0
Code Issues Pull requests Actions 2 Packages Projects Releases Wiki Activity

Merge pull request #392 from jnugh/linuxTrayIconThemeSettings

Browse source 
Linux tray icon theme settings regression fix
This commit is contained in:
Yuya Ochiai 2016-12-12 21:41:15 +09:00 committed by GitHub
parent 2f9526f415 d4f3ca23d3
commit 1f11e8efd0
2 changed files with 31 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/browser/components/SettingsPage.jsx
View file

@ -1,5 +1,6 @@
const React = require('react'); const React = require('react');
const {Button, Checkbox, Col, FormGroup, Grid, Navbar, Row} = require('react-bootstrap'); const ReactDOM = require('react-dom');
const {Button, Checkbox, Col, FormGroup, FormControl, ControlLabel, Grid, Navbar, Row} = require('react-bootstrap');
const {ipcRenderer, remote} = require('electron'); const {ipcRenderer, remote} = require('electron');
const AutoLaunch = require('auto-launch'); const AutoLaunch = require('auto-launch');
@ -114,7 +115,7 @@ const SettingsPage = React.createClass({
}, },
handleChangeTrayIconTheme() { handleChangeTrayIconTheme() {
this.setState({ this.setState({
trayIconTheme: !this.refs.trayIconTheme.props.checked trayIconTheme: ReactDOM.findDOMNode(this.refs.trayIconTheme).value
}); });
}, },
handleChangeAutoStart() { handleChangeAutoStart() {
@ -189,16 +190,19 @@ const SettingsPage = React.createClass({
} }
if (process.platform === 'linux') { if (process.platform === 'linux') {
options.push( options.push(
<Checkbox <FormGroup>
key='inputTrayIconTheme' <ControlLabel>{'Icon theme (Need to restart the application)'}</ControlLabel>
ref='trayIconTheme' <FormControl
type='select' componentClass='select'
value={this.state.trayIconTheme} key='inputTrayIconTheme'
onChange={this.handleChangeTrayIconTheme} ref='trayIconTheme'
>{'Icon theme (Need to restart the application)'} value={this.state.trayIconTheme}
<option value='light'>{'Light'}</option> onChange={this.handleChangeTrayIconTheme}
<option value='dark'>{'Dark'}</option> >
</Checkbox>); <option value='light'>{'Light'}</option>
<option value='dark'>{'Dark'}</option>
</FormControl>
</FormGroup>);
} }
options.push( options.push(
<Checkbox <Checkbox

21
src/main.js
View file

@ -153,12 +153,21 @@ const trayImages = (() => {
} }
case 'linux': case 'linux':
{ {
const theme = config.trayIconTheme || 'light'; const theme = config.trayIconTheme;
return { try {
normal: nativeImage.createFromPath(path.resolve(assetsDir, 'linux', theme, 'MenuIconTemplate.png')), return {
unread: nativeImage.createFromPath(path.resolve(assetsDir, 'linux', theme, 'MenuIconUnreadTemplate.png')), normal: nativeImage.createFromPath(path.resolve(assetsDir, 'linux', theme, 'MenuIconTemplate.png')),
mention: nativeImage.createFromPath(path.resolve(assetsDir, 'linux', theme, 'MenuIconMentionTemplate.png')) unread: nativeImage.createFromPath(path.resolve(assetsDir, 'linux', theme, 'MenuIconUnreadTemplate.png')),
}; mention: nativeImage.createFromPath(path.resolve(assetsDir, 'linux', theme, 'MenuIconMentionTemplate.png'))
};
} catch (e) {
//Fallback for invalid theme setting
return {
normal: nativeImage.createFromPath(path.resolve(assetsDir, 'linux', 'light', 'MenuIconTemplate.png')),
unread: nativeImage.createFromPath(path.resolve(assetsDir, 'linux', 'light', 'MenuIconUnreadTemplate.png')),
mention: nativeImage.createFromPath(path.resolve(assetsDir, 'linux', 'light', 'MenuIconMentionTemplate.png'))
};
}
} }
default: default:
return {}; return {};