mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-11-12 04:25:31 +08:00
774957a5ff
Summary: - Removes account switcher almost entirely - Update context menu to edit and delete sidebar items - Gross hardcoded position and size for the switcher icon -- will likely update with later redesign Test Plan: - Visual Reviewers: evan, bengotow Reviewed By: bengotow Differential Revision: https://phab.nylas.com/D2527
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}>
|
|
<ScrollRegion className="account-sidebar" style={order: 2}>
|
|
<AccountSwitcher accounts={accounts} focusedAccounts={focusedAccounts} />
|
|
<div className="account-sidebar-sections">
|
|
<OutlineView {...standardSection} />
|
|
{@_renderUserSections(userSections)}
|
|
</div>
|
|
</ScrollRegion>
|
|
</Flexbox>
|
|
|
|
|
|
module.exports = AccountSidebar
|