Added graphql link + changed title to metamist

web/src/index.html

@@ -8,7 +8,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="theme-color" content="#000000" />
   <meta name="description" content="Sample Metadata API" />
-  <title>CPG Sample Metadata</title>
+  <title>CPG Metamist</title>
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" />
 </head>
 

web/src/shared/components/Header/NavBar.tsx

@@ -7,6 +7,7 @@ import { Popup } from 'semantic-ui-react'
 import ExploreIcon from '@mui/icons-material/Explore'
 import DescriptionIcon from '@mui/icons-material/Description'
 import InsightsIcon from '@mui/icons-material/Insights'
+import BuildIcon from '@mui/icons-material/Build'
 import Searchbar from './Search'
 import MuckTheDuck from '../MuckTheDuck'
 import DarkModeTriButton from './DarkModeTriButton/DarkModeTriButton'
@@ -60,6 +61,14 @@ const NavBar: React.FunctionComponent = () => (
                     </Popup>
                 </span>
             </Link>
+            <a href="/graphql">
+                <span className="d-none d-lg-block navbarLink">GraphQL</span>
+                <span className="d-lg-none navbarIcon">
+                    <Popup trigger={<BuildIcon />} hoverable position="bottom center">
+                        <h5>GraphQL</h5>
+                    </Popup>
+                </span>
+            </a>
             <div style={{ marginLeft: 'auto' }}>
                 <DarkModeTriButton />
             </div>