import React from 'react'

import { connect } from 'react-redux'

import { startClock } from '../lib/clock/actions'
import { countIncrease } from '../lib/count/actions'
import { loadData } from '../lib/placeholder/actions'

import App from '../components/App'
import Header from '../components/Header'
import Page from '../components/Page'

class PageIndex extends React.Component {
  static async getInitialProps ({ ctx: { store } }) {
    store.dispatch(countIncrease())
    if (!store.getState().placeholder.data) {
      store.dispatch(loadData())
    }
  }

  componentDidMount () {
    this.props.dispatch(startClock())
  }

  render () {
    return (
      <App>
        <Header />
        <Page title='Home Page' />
      </App>
    )
  }
}

export default connect()(PageIndex)