index.jsx

import React, { Component, PropTypes } from 'react';
import map from 'lodash/map';
import isEmpty from 'lodash/isEmpty';

import Tabs from '../../../main/components/Tabs';
import Rooms from '../Rooms';
import Calendar from '../Calendar';

class Reservation extends Component {
  constructor(props) {
    super(props);
    this.state = {
      selected: '1',
    };
  }
  render() {
    const { infrastructure, blocks, days, data } = this.props;
    const { selected } = this.state;
    const rooms = !isEmpty(infrastructure) ? infrastructure[selected].rooms : {};
    return (
      <Tabs
        list={infrastructure ? map(infrastructure, (item, key) => ({ key, name: item.name, icon: item.icon })) : []}
        selected={selected}
      >
        <div>
          <Rooms rooms={rooms} />
          <Calendar blocks={blocks} days={days} data={data} />
        </div>
      </Tabs>
    );
  }
}

Reservation.propTypes = {
  infrastructure: PropTypes.func.isRequired,
  blocks: PropTypes.func.isRequired,
  days: PropTypes.func.isRequired,
  data: PropTypes.func.isRequired,
};

export default Reservation;