React = require 'react' _ = require "underscore" PackageSet = require './package-set' PackagesStore = require './packages-store' PluginsActions = require './plugins-actions' {Spinner, EventedIFrame, Flexbox} = require 'nylas-component-kit' classNames = require 'classnames' class TabInstalled extends React.Component @displayName: 'TabInstalled' constructor: (@props) -> @state = @_getStateFromStores() render: => searchEmpty = null if @state.search.length > 0 searchEmpty = "No matching packages." if atom.inDevMode() devPackages = @state.packages.dev devEmpty = You don't have any packages installed in ~/.nylas/dev/packages. These packages are only loaded when you run the app with debug flags enabled (via the Developer menu).

Learn more about building packages at https://nylas.com/N1/docs
devCTA =
Create New Package...
else devPackages = [] devEmpty = Run with debug flags enabled to load ~/.nylas/dev/packages. devCTA =
Enable Debug Flags
You don't have any packages installed in ~/.nylas/packages.} />
{devCTA}
_onEnableDevMode: => require('ipc').send('command', 'application:toggle-dev') componentDidMount: => @_unsubscribers = [] @_unsubscribers.push PackagesStore.listen(@_onChange) PluginsActions.refreshInstalledPackages() componentWillUnmount: => unsubscribe() for unsubscribe in @_unsubscribers _getStateFromStores: => packages: PackagesStore.installed() search: PackagesStore.installedSearchValue() _onChange: => @setState(@_getStateFromStores()) _onCreatePackage: => PluginsActions.createPackage() _onSearchChange: (event) => PluginsActions.setInstalledSearchValue(event.target.value) module.exports = TabInstalled