chiefGui/Home.jsx

## Home.jsx
import React, {Component} from 'react'

import {Header, Sidebar, Body, Content, Footer} from './containers'
import Modal from '../components/Modal'

class Home extends Component {
  constructor () {
    super()

    this.openModal = this.openModal.bind(this)
    this.closeModal = this.closeModal.bind(this)
  }

  state = {isContactModalOpen: false}

  openModal() {
    this.setState({isContactModalOpen: true})
  }

  closeModal () {
    this.setState({isContactModalOpen: false})
  }

  render () {
    const {isContactModalOpen} = this.state

    return (
      <div>
        {isContactModalOpen && <Modal onClose={this.closeModal} />)

        <Header />

        <Body>
          <Sidebar onClickRegisterButton={this.openModal} />
          <Content />
        </Body>

        <Footer />
      </div>
    )
  }
}

export default Home
	import React, {Component} from 'react'

	import {Header, Sidebar, Body, Content, Footer} from './containers'
	import Modal from '../components/Modal'

	class Home extends Component {
	constructor () {
	super()

	this.openModal = this.openModal.bind(this)
	this.closeModal = this.closeModal.bind(this)
	}

	state = {isContactModalOpen: false}

	openModal() {
	this.setState({isContactModalOpen: true})
	}

	closeModal () {
	this.setState({isContactModalOpen: false})
	}

	render () {
	const {isContactModalOpen} = this.state

	return (
	<div>
	{isContactModalOpen && <Modal onClose={this.closeModal} />)

	<Header />

	<Body>
	<Sidebar onClickRegisterButton={this.openModal} />
	<Content />
	</Body>

	<Footer />
	</div>
	)
	}
	}

	export default Home