import { connect } from 'refnux'
import Link from 'next/link'

import withRefnux from '../helpers/withRefnux'
import getInitialState from '../store/getInitialState'

// actions
import counterIncrement from '../store/counterIncrement'
import setTitle from '../store/setTitle'

const Page2 = connect((state, dispatch) => (
  <div>
    <h3>{state.title}</h3>
    <p>Current state: {JSON.stringify(state, null, 2)}</p>
    <button onClick={() => dispatch(counterIncrement)}>Increment</button>
    <Link href='/page1'>
      <button>go to page 2</button>
    </Link>
  </div>
))

Page2.getInitialProps = async function (context) {
  const { store } = context
  store.dispatch(setTitle('Page 2'))
  return {}
}

export default withRefnux(getInitialState, Page2)