React = require 'react' path = require 'path' fs = require 'fs' {RetinaImg, Flexbox, ConfigPropContainer} = require 'nylas-component-kit' {EdgehillAPI} = require 'nylas-exports' OnboardingActions = require './onboarding-actions' # NOTE: Temporarily copied from preferences module class AppearanceModeOption extends React.Component @propTypes: mode: React.PropTypes.string.isRequired active: React.PropTypes.bool onClick: React.PropTypes.func render: => classname = "appearance-mode" classname += " active" if @props.active
{@props.mode} View
class InitialPreferencesOptions extends React.Component @propTypes: config: React.PropTypes.object constructor: (@props) -> @state = templates: [] @_loadTemplates() _loadTemplates: => templatesDir = path.join(atom.getLoadSettings().resourcePath, 'keymaps', 'templates') fs.readdir templatesDir, (err, files) => return unless files and files instanceof Array templates = files.filter (filename) => path.extname(filename) is '.cson' or path.extname(filename) is '.json' templates = templates.map (filename) => path.parse(filename).name @setState(templates: templates) render: => return false unless @props.config

Do you prefer a single-panel Gmail-style layout or a dual panel layout?

{['list', 'split'].map (mode) => @props.config.set('core.workspace.mode', mode)} /> }

We see you're a Gmail user, so N1 is set up to use Gmail keyboard shortcuts. You can also pick another set:

class InitialPreferencesPage extends React.Component @displayName: "InitialPreferencesPage" render: =>

Welcome to N1

Let's set things up to your liking.

_onNextPage: => OnboardingActions.moveToPage("initial-packages") module.exports = InitialPreferencesPage