atom/packages/about/lib/components/about-status-bar.js

const {CompositeDisposable} = require('atom')
const etch = require('etch')
const EtchComponent = require('../etch-component')

const $ = etch.dom

module.exports =
class AboutStatusBar extends EtchComponent {
  constructor () {
    super()
    this.subscriptions = new CompositeDisposable()

    this.subscriptions.add(atom.tooltips.add(this.element, {title: 'An update will be installed the next time Atom is relaunched.<br/><br/>Click the squirrel icon for more information.'}))
  }

  handleClick () {
    atom.workspace.open('atom://about')
  }

  render () {
    return $.div({className: 'about-release-notes inline-block', onclick: this.handleClick.bind(this)},
      $.span({type: 'button', className: 'icon icon-squirrel'})
    )
  }

  destroy () {
    super.destroy()
    this.subscriptions.dispose()
  }
}