Mailspring/internal_packages/preferences/lib/tabs/preferences-notifications.cjsx
Ben Gotow ed2a5c90d9 feat(preferences): WIP Preferences panel
Summary:
Things still to come:
- General tab
- Signatures tab (potentially remove and land)

Adding emacs things to gitignore

Adding progress. iterating on html/css is incredibly painful

Added layout for accounts page.

Adding layout for appearance page

layout for shortcuts preferences page

adding layount for notifications menu

Adding signatures layout

WIP

WIP - tab switching, accounts tab

WIP ALL THE THINGS

Keymap template support (Gmail / outlook, etc.)

Test Plan: No tests atm

Reviewers: evan

Differential Revision: https://phab.nylas.com/D1890
2015-08-14 15:40:11 -07:00

57 lines
2.1 KiB
CoffeeScript

React = require 'react'
_ = require 'underscore'
{RetinaImg, Flexbox} = require 'nylas-component-kit'
class PreferencesNotifications extends React.Component
@displayName: 'PreferencesNotifications'
@propTypes:
config: React.PropTypes.object.isRequired
render: =>
<div className="container-notifications">
<div className="section">
<div className="section-header">
Notifications:
</div>
<div className="section-body">
<p className="platform-darwin-only">
<input type="checkbox"
id="core.showUnreadBadge"
checked={@props.config.get('core.showUnreadBadge')}
onChange={ => @props.config.toggle('core.showUnreadBadge')}/>
<label htmlFor="core.showUnreadBadge">Badge dock icon with unread message count</label>
</p>
<p>
<input type="checkbox"
id="unread-notifications.enabled"
checked={@props.config.get('unread-notifications.enabled')}
onChange={ => @props.config.toggle('unread-notifications.enabled')}/>
<label htmlFor="unread-notifications.enabled">Show notifications for new unread messages</label>
</p>
</div>
</div>
<div className="section-header">
Sounds:
</div>
<div className="section-body">
<p>
<input type="checkbox"
id="unread-notifications.sounds"
checked={@props.config.get('unread-notifications.sounds')}
onChange={ => @props.config.toggle('unread-notifications.sounds')}/>
<label htmlFor="unread-notifications.sounds">Play sound when receiving new mail</label>
</p>
<p>
<input type="checkbox"
id="core.sending.sounds"
checked={@props.config.get('core.sending.sounds')}
onChange={ => @props.config.toggle('core.sending.sounds')}/>
<label htmlFor="core.sending.sounds">Play sound when a message is sent</label>
</p>
</div>
</div>
module.exports = PreferencesNotifications