Voting.jsx

import React from 'react';
import { connect } from 'react-redux';

import Vote from './Vote';
import Winner from './Winner';


export default function Voting(props) {
  return (
    <div className="voting">
      {!!props.winner ?
        <Winner winner={props.winner} /> :
        <Vote {...props} />
      }
    </div>
  );
}


export const VotingContainer = connect(state => ({
  pair: state.getIn(['vote', 'pair']),
  winner: state.get('winner')
}))(Voting);