SIGSEV/Starveller

import React, { Component } from 'react'
import { connect } from 'react-redux'

import config from 'config'
import { repoResolved } from 'core/actions/repos'
import { repoProgress } from 'core/actions/loader'

import Header from 'core/components/Header'
import Messages from 'core/components/Messages'

if (process.env.BROWSER) {
  require('client/styles/main.scss')
}

@connect((state, router) => {
  return { isHome: router.location.pathname === '/' }
})
class App extends Component {

  componentDidMount () {
    const socket = io.connect(`:${config.socketPort}`)

    socket.on('repoFetched', repo => {
      this.props.dispatch(repoResolved(repo))
    })

    socket.on('repoProgress--update', data => {
      this.props.dispatch(repoProgress(data))
    })
  }

  render () {

    return (
      <div className='App'>
        <Header isHome={this.props.isHome} />

        <section>{this.props.children}</section>

        <Messages />

        <footer className={this.props.isHome ? 'on-home' : ''}>
          <div className='credits'>
            {'Made with '}
            <strong>{'vim'}</strong>
            {' by '}
            <a href='https://github.com/SIGSEV' target='_blank'>
              {'SIGSEV'}
            </a>
          </div>
        </footer>
      </div>
    )
  }

}

export default App