import React, { Component } from 'react'

class Leftbar extends Component {
    render() {
        return (
            <section id="leftbar" className="m-leftbar">
            </section>
        )
    }
}

export default Leftbar

@@ -38,193 +38,812 @@
 ct'%0A
-%0Aclass Leftbar extends Component %7B%0A    render() %7B%0A        return (%0A            %3Csection id=%22leftbar%22 className=%22m-leftbar%22%3E%0A            %3C/section%3E%0A        )%0A    %7D%0A%7D%0A%0Aexport default 
+import %7B connect %7D from 'react-redux'%0Aimport PropTypes from 'prop-types'%0Aimport %7B getAllProjects %7D from '../actions/index'%0A%0Aclass Leftbar extends Component %7B%0A    //constructor(props) %7B%0A    //    super(props)%0A    //    //this.handleChange = this.handleChange.bind(this)%0A    //    //this.handleRefreshClick = this.handleRefreshClick.bind(this)%0A    //%7D%0A%0A    componentDidMount() %7B%0A        const %7B dispatch %7D = this.props%0A        dispatch(getAllProjects())%0A    %7D%0A%0A    render() %7B%0A        return (%0A            %3Csection id=%22leftbar%22 className=%22m-leftbar%22%3E%0A            %3C/section%3E%0A        )%0A    %7D%0A%7D%0A%0ALeftbar.propTypes = %7B%0A    dispatch: PropTypes.func.isRequired%0A%7D%0A%0Afunction mapStateToProps(state) %7B%0A    const %7B projects %7D = state%0A    return %7B%0A        projects%0A    %7D%0A%7D%0A%0Aexport default connect(mapStateToProps)(
 Leftbar
+)
 %0A

add connect to actions