title: Adding a private view when a user is logged in using Auth0 on react
body: <p>I'm having trouble on s showing the private view for the logged in users only.</p>
  <p>would it be possible to show some partial links on my tool bar for public view and add something when a user is logged in?</p>
  <p><strong>Links.js</strong></p>
  <pre><code>import React from 'react'
  import LoopIcon from '@material-ui/icons/Loop';
  import LocalLibraryIcon from '@material-ui/icons/LocalLibrary';
  import LinkIcon from '@material-ui/icons/Link';
  import {useAuth0} from '@auth0/auth0-react';
  
  export const links = [
    {
      name: 'Public View',
      icon:  LocalLibraryIcon,
      route: '/',
  
    },
    {
      name: 'Public View',
      icon: LoopIcon,
      route: '/CICD',
    },
    {
      name: 'Public View',
      icon: LinkIcon,
      route: '/Project_Links'
    },
  
    //isAuthenticated show this
    {
      name: 'Private View',
      icon: LinkIcon,
      route: 'Project_Links',
    },
  ];
  </code></pre>
  <p><em><strong>Layout.js</strong></em></p>
  <pre><code>        &lt;List&gt;
            {links.map(({ icon: Icon, ...link }, index) =&gt; (
              &lt;ListItem
                button
                key={link.name}
                onClick={() =&gt; gotoRoute(link.route)}
                selected={link.route === location.pathname}
              &gt;
                &lt;ListItemIcon&gt;
                  &lt;Icon /&gt;
                &lt;/ListItemIcon&gt;
                &lt;ListItemText primary={link.name} /&gt;
              &lt;/ListItem&gt;
            ))}
  </code></pre>