lancetw/react-isomorphic-bundle

import React, { Component, PropTypes } from 'react'

export default class Logout extends Component {

  static propTypes = {
    logout: PropTypes.func.isRequired
  }

  static contextTypes = {
    history: PropTypes.object.isRequired
  }

  constructor (props) {
    super(props)
    this.releaseTimeout = undefined
  }

  componentWillMount () {
    this.props.logout()
  }

  componentDidUpdate () {
    if (process.env.BROWSER) {
      this.releaseTimeout =
        setTimeout(() => this.context.history.replaceState({}, '/'), 1500)
    }
  }

  componentWillUnmount () {
    if (this.op) {
      clearTimeout(this.releaseTimeout)
    }
  }

  render () {
    const Translate = require('react-translate-component')

    const msg = !!process.env.BROWSER
      ? <Translate content="logout.msg" />
      : <div><Translate content="logout.msg2" />
          <a href="/auth/logout"><Translate content="logout.click" /></a>
        </div>
    return (
      <main className="ui has-header grid page container">
        <div className="column">
          <div className="ui center aligned orange segment">
            { msg }
          </div>
        </div>
      </main>
    )
  }
}