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>
	
	  );
  }
});


@@ -287,417 +287,8 @@
 (%7B%0D%0A
-  getInitialState: function() %7B%0D%0A    return %7B%0D%0A      userName: '',%0D%0A      userEmail: '',%0D%0A      userRole: ''%0D%0A    %7D;%0D%0A  %7D,%0D%0A  componentDidMount: function() %7B%0D%0A    this.serverRequest = $.get('https://datagovernance-dev.itcs.hpecorp.net:1337/WhoAmI', function (result) %7B%0D%0A      var results=JSON.parse(result);%0D%0A      this.setState(%7B      %0D%0A        userName: results.name%0D%0A      %7D);%0D%0A    %7D.bind(this));%0D%0A  %7D,%0D%0A%0D%0A
   re
@@ -506,78 +506,8 @@
 %22%3E%0D%0A
-%09%09%09%09%09%3CNavLink to=%22/#%22%3E%0D%0A%09%09%09%09%09%09%7Bthis.state.userName%7D%0D%0A%09%09%09%09%09%3C/NavLink%3E%0D%0A
 %09%09%09%09

Update App.js