1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 17:56:25 +00:00

refactor: Change UI according requested changes.

NOTE:
Just a simple section with title Wakatime and bellow is a check box saying enable wakatime? and below it is the text box for wakatime key.
This commit is contained in:
Luis Reinoso
2020-06-07 11:17:02 -05:00
parent 76da76ae76
commit 8ede1a4989

View File

@@ -157,8 +157,7 @@ class PluginsTab extends React.Component {
<div styleName='root'> <div styleName='root'>
<div styleName='group'> <div styleName='group'>
<div styleName='group-header'>{i18n.__('Plugins')}</div> <div styleName='group-header'>{i18n.__('Plugins')}</div>
<div styleName='group-section'> <div styleName='group-header2'>{i18n.__('Wakatime')}</div>
<div styleName='group-section-label'>
<div styleName='group-checkBoxSection'> <div styleName='group-checkBoxSection'>
<label> <label>
<input <input
@@ -168,14 +167,16 @@ class PluginsTab extends React.Component {
type='checkbox' type='checkbox'
/> />
&nbsp; &nbsp;
{i18n.__('Wakatime key')} {i18n.__('Enable Wakatime')}
</label> </label>
</div> </div>
</div> <div styleName='group-section'>
<div styleName='group-section-label'>{i18n.__('Wakatime key')}</div>
<div styleName='group-section-control'> <div styleName='group-section-control'>
<input <input
styleName='group-section-control-input' styleName='group-section-control-input'
onChange={e => this.handleWakatimeKeyChange(e)} onChange={e => this.handleWakatimeKeyChange(e)}
disabled={!config.wakatime.isActive}
ref='wakatimeKey' ref='wakatimeKey'
value={config.wakatime.key} value={config.wakatime.key}
type='text' type='text'