mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-11-14 21:57:55 +08:00
53 lines
1.5 KiB
CoffeeScript
53 lines
1.5 KiB
CoffeeScript
_ = require 'underscore'
|
|
React = require 'react'
|
|
{OutlineView, ScrollRegion, Flexbox} = require 'nylas-component-kit'
|
|
AccountSwitcher = require './account-switcher'
|
|
SidebarStore = require '../sidebar-store'
|
|
|
|
|
|
class AccountSidebar extends React.Component
|
|
@displayName: 'AccountSidebar'
|
|
|
|
@containerRequired: false
|
|
@containerStyles:
|
|
minWidth: 165
|
|
maxWidth: 250
|
|
|
|
constructor: (@props) ->
|
|
@state = @_getStateFromStores()
|
|
|
|
componentDidMount: =>
|
|
@unsubscribers = []
|
|
@unsubscribers.push SidebarStore.listen @_onStoreChange
|
|
|
|
componentWillUnmount: =>
|
|
unsubscribe() for unsubscribe in @unsubscribers
|
|
|
|
_onStoreChange: =>
|
|
@setState @_getStateFromStores()
|
|
|
|
_getStateFromStores: =>
|
|
accounts: SidebarStore.accounts()
|
|
focusedAccounts: SidebarStore.focusedAccounts()
|
|
userSections: SidebarStore.userSections()
|
|
standardSection: SidebarStore.standardSection()
|
|
|
|
_renderUserSections: (sections) =>
|
|
sections.map (section) =>
|
|
<OutlineView key={section.title} {...section} />
|
|
|
|
render: =>
|
|
{accounts, focusedAccounts, userSections, standardSection} = @state
|
|
|
|
<Flexbox direction="column" style={order: 0, flexShrink: 1, flex: 1}>
|
|
<AccountSwitcher accounts={accounts} focusedAccounts={focusedAccounts} />
|
|
<ScrollRegion className="account-sidebar" style={order: 2}>
|
|
<div className="account-sidebar-sections">
|
|
<OutlineView {...standardSection} />
|
|
{@_renderUserSections(userSections)}
|
|
</div>
|
|
</ScrollRegion>
|
|
</Flexbox>
|
|
|
|
|
|
module.exports = AccountSidebar
|