Mailspring/internal_packages/worker-ui/lib/developer-bar-task.cjsx

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