old_contents: import React from 'react';
  import NavLink from './NavLink';
  import Header from 'grommet/components/Header';
  import Menu from 'grommet/components/Menu';
  import Image from 'grommet/components/Image';
  import Footer from 'grommet/components/Footer';
  
  export default React.createClass({
    getInitialState: function() {
      return {
        userName: '',
        userEmail: '',
        userRole: ''
      };
    },
    componentDidMount: function() {
      this.serverRequest = $.get('https://datagovernance-dev.itcs.hpecorp.net:1337/WhoAmI', function (result) {
        var results=JSON.parse(result);
        this.setState({      
          userName: results.name
        });
      }.bind(this));
    },
  
    render() {
      return (
  	<div>
  		<Header justify="between" colorIndex="neutral-1" pad={{"horizontal": "medium"}} role="nav">
  			<Image src="img/Logo.jpg" size="small" />
  				<Menu direction="row" size="medium">
  					<NavLink to="/#">
  						{this.state.userName}
  					</NavLink>
  					 <NavLink to="/D3_v4_er">
  						Entity Relationship Diagram
  					</NavLink>
  				</Menu>			  
  		</Header>
  		<div>
  		<Image src="img/Banner_DataCenter6a.jpg" full="horizontal" />
  		{this.props.children}
  		  </div>
  		  <Footer primary={true} appCentered={true} direction="column" align="center" pad="small" colorIndex="grey-1">
  			<p>
  			Footer Informatin
  			</p>
  		  </Footer>
  	</div>
  	
  	  );
    }
  });
  
  
new_contents: import React from 'react';
  import NavLink from './NavLink';
  import Header from 'grommet/components/Header';
  import Menu from 'grommet/components/Menu';
  import Image from 'grommet/components/Image';
  import Footer from 'grommet/components/Footer';
  
  export default React.createClass({
    render() {
      return (
  	<div>
  		<Header justify="between" colorIndex="neutral-1" pad={{"horizontal": "medium"}} role="nav">
  			<Image src="img/Logo.jpg" size="small" />
  				<Menu direction="row" size="medium">
  					 <NavLink to="/D3_v4_er">
  						Entity Relationship Diagram
  					</NavLink>
  				</Menu>			  
  		</Header>
  		<div>
  		<Image src="img/Banner_DataCenter6a.jpg" full="horizontal" />
  		{this.props.children}
  		  </div>
  		  <Footer primary={true} appCentered={true} direction="column" align="center" pad="small" colorIndex="grey-1">
  			<p>
  			Footer Informatin
  			</p>
  		  </Footer>
  	</div>
  	
  	  );
    }
  });
  
  
subject: Update App.js