Refactored /me-Resource

scm-ui/src/containers/App.js

@@ -17,7 +17,8 @@ type Props = {
   error: Error,
   loading: boolean,
   authenticated?: boolean,
-  fetchMe: () => void
+  fetchMe: () => void,
+  displayName: string
 };
 
 class App extends Component<Props> {
@@ -26,7 +27,7 @@ class App extends Component<Props> {
   }
 
   render() {
-    const { entry, loading, error, authenticated } = this.props;
+    const { me, loading, error, authenticated, displayName } = this.props;
 
     let content;
     const navigation = authenticated ? <PrimaryNavigation /> : "";
@@ -48,7 +49,7 @@ class App extends Component<Props> {
       <div className="App">
         <Header>{navigation}</Header>
         {content}
-        <Footer me={entry} />
+        <Footer me={displayName} />
       </div>
     );
   }
@@ -62,10 +63,17 @@ const mapDispatchToProps = (dispatch: any) => {
 
 const mapStateToProps = state => {
   let mapped = state.auth.me || {};
+  let displayName;
   if (state.auth.login) {
     mapped.authenticated = state.auth.login.authenticated;
   }
-  return mapped;
+  if (state.auth.me && state.auth.me.entry) {
+    displayName = state.auth.me.entry.entity.displayName;
+  }
+  return {
+    ...mapped,
+    displayName
+  };
 };
 
 export default withRouter(