component/Profile/Profile.js

import React, { Component } from 'react';
import { Textfield,Grid,Cell,Layout } from 'react-mdl';
import LearnHeader from '../Header.js'
import LearnFooter from '../Footer.js'
import ContentProfile from './ContentProfile.js'
import SideMenuProfile from './SideMenuProfile.js'

import store from '../Store.js'
import { connect } from "react-redux"
    
var contentStyle = {
    height: '800px!important',
}

@connect((store) => {
  return {
    user: store.user
  };
})/*dont add semicolon here!*/
class SignUp extends Component {
  /**
   * Invoked immediately before a component is unmounted and destroyed, to update our state to get vendor courses
   */
    componentWillMount(){
        const {user} = this.props
    }
  /**
  * Loads the user profile
  * @return {html} - returns course, profile, sidebar
  */
  render(){
    return (
      <div>
        <LearnHeader/>
        <SideMenuProfile style={contentStyle}/>
        <Layout fixedHeader fixedDrawer>
            <ContentProfile/>
        </Layout>

      </div>
    );
  }
}



export default SignUp