From cf401aeb4a01a1867c8ac50313869ffcf6e6fc5b Mon Sep 17 00:00:00 2001
From: Daniel <iamdanielreti@gmail.com>
Date: Mon, 18 Sep 2023 11:42:11 +1000
Subject: [PATCH] Added graphql link + changed title to metamist

---
 web/src/index.html                          | 2 +-
 web/src/shared/components/Header/NavBar.tsx | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/web/src/index.html b/web/src/index.html
index 74c7cadab..913637632 100644
--- a/web/src/index.html
+++ b/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/bootstrap@5.1.0/dist/css/bootstrap.min.css" />
 </head>
 
diff --git a/web/src/shared/components/Header/NavBar.tsx b/web/src/shared/components/Header/NavBar.tsx
index 69da89ca4..1b9cd09f0 100644
--- a/web/src/shared/components/Header/NavBar.tsx
+++ b/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>