mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-11-11 18:32:20 +08:00
41b455d33e
- Do not sort and then reverse the request history every time it's requested - Do not allow the request history to grow forever (cap at 200) - Do not stringify tasks until they're clicked
60 lines
1.9 KiB
CoffeeScript
60 lines
1.9 KiB
CoffeeScript
React = require 'react/addons'
|
|
classNames = require 'classnames'
|
|
_ = require 'underscore'
|
|
{Utils} = require 'nylas-exports'
|
|
|
|
class DeveloperBarTask extends React.Component
|
|
@displayName: 'DeveloperBarTask'
|
|
|
|
constructor: (@props) ->
|
|
@state =
|
|
expanded: false
|
|
|
|
render: =>
|
|
details = false
|
|
if @state.expanded
|
|
# This could be a potentially large amount of JSON.
|
|
# Do not render unless it's actually being displayed!
|
|
details = <div className="task-details">{JSON.stringify(@props.task.toJSON())}</div>
|
|
|
|
<div className={@_classNames()} onClick={=> @setState(expanded: not @state.expanded)}>
|
|
<div className="task-summary">
|
|
{@_taskSummary()}
|
|
</div>
|
|
{details}
|
|
</div>
|
|
|
|
shouldComponentUpdate: (nextProps, nextState) =>
|
|
return not Utils.isEqualReact(nextProps, @props) or not Utils.isEqualReact(nextState, @state)
|
|
|
|
_taskSummary: =>
|
|
qs = @props.task.queueState
|
|
errType = ""
|
|
errCode = ""
|
|
errMessage = ""
|
|
if qs.localError?
|
|
localError = qs.localError
|
|
errType = localError.constructor.name
|
|
errMessage = localError.message ? JSON.stringify(localError)
|
|
else if qs.remoteError?
|
|
remoteError = qs.remoteError
|
|
errType = remoteError.constructor.name
|
|
errCode = remoteError.statusCode ? ""
|
|
errMessage = remoteError.body?.message ? remoteError?.message ? JSON.stringify(remoteError)
|
|
|
|
return "#{@props.task.constructor.name} #{errType} #{errCode} #{errMessage}"
|
|
|
|
_classNames: =>
|
|
qs = @props.task.queueState ? {}
|
|
classNames
|
|
"task": true
|
|
"task-queued": @props.type is "queued"
|
|
"task-completed": @props.type is "completed"
|
|
"task-expanded": @state.expanded
|
|
"task-local-error": qs.localError
|
|
"task-remote-error": qs.remoteError
|
|
"task-is-processing": qs.isProcessing
|
|
"task-success": qs.localComplete and qs.remoteComplete
|
|
|
|
|
|
module.exports = DeveloperBarTask
|