Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2025-09-08 13:44:53 +08:00
Code Issues Projects Releases Packages Wiki Activity

🎨(plugins): Switch to switches

Browse source
This commit is contained in:
Jackie Luo 2016-03-09 15:30:26 -08:00
parent a93e0db5a4
commit 94580240ba
2 changed files with 13 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
internal_packages/plugins/lib/package.cjsx
View file

@ -1,6 +1,6 @@
React = require 'react'
_ = require 'underscore'
{Flexbox, RetinaImg} = require 'nylas-component-kit'
{Flexbox, RetinaImg, Switch} = require 'nylas-component-kit'
PluginsActions = require './plugins-actions'
class Package extends React.Component
@ -24,11 +24,11 @@ class Package extends React.Component
if @props.package.installed
if @props.package.category in ['user' ,'dev', 'example']
if @props.package.enabled
actions.push <div className="btn" onClick={@_onDisablePackage}>Disable</div>
actions.push <Switch onChange={@_onDisablePackage} checked=true>Disable</Switch>
else
actions.push <div className="btn" onClick={@_onEnablePackage}>Enable</div>
actions.push <Switch onChange={@_onEnablePackage} checked=false>Enable</Switch>
if @props.package.category is 'user'
actions.push <div className="btn" onClick={@_onUninstallPackage}>Uninstall</div>
uninstallButton = <div className="uninstall-plugin" onClick={@_onUninstallPackage}>Uninstall</div>
if @props.package.category is 'dev'
actions.push <div className="btn" onClick={@_onShowPackage}>Show...</div>
@ -52,7 +52,10 @@ class Package extends React.Component
<div className="icon" >{icon}</div>
</div>
<div className="info">
<div className="title">{title ? name}</div>
<div style={{display: "flex", flexDirection: "row"}}>
<div className="title">{title ? name}</div>
{uninstallButton}
</div>
<div className="description">{description}</div>
</div>
<div className="actions">{actions}</div>

5
internal_packages/plugins/stylesheets/plugins.less
View file

@ -81,6 +81,11 @@
overflow: hidden;
text-overflow: ellipsis;
}
.uninstall-plugin {
color: @text-color-link;
margin-left: 10px;
margin-top: 4px;
}
.description {
padding-top:@padding-base-vertical;
color: @text-color-very-subtle;