From 22d936430abedaa1a05738d93da5d06ec57faeb4 Mon Sep 17 00:00:00 2001
From: Corofides <J.l.lendrem@smoothlines.net>
Date: Wed, 8 Nov 2023 12:41:18 +0000
Subject: [PATCH] Add navigation to header using new useNav hook

---
 src/SiteHeader/SiteHeader.js   | 10 +++++++++-
 src/SiteHeader/SiteHeader.scss |  2 +-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/SiteHeader/SiteHeader.js b/src/SiteHeader/SiteHeader.js
index f68c656..ca89e01 100644
--- a/src/SiteHeader/SiteHeader.js
+++ b/src/SiteHeader/SiteHeader.js
@@ -2,10 +2,12 @@ import React from 'react';
 import useSettings from '../Hooks/useSettings';
 import './SiteHeader.scss';
 import { css } from 'glamor';
+import useNav from "../Hooks/useNav";
 
 export default () => {
 
   const {settings} = useSettings();
+  const {getNavForPosition, loading} = useNav();
 
   const headerRule = css({
     "background-color": settings['brand-primary-bg'],
@@ -39,7 +41,13 @@ export default () => {
             {settings.site_name}
           </a>
         </h1>
-        <nav />
+        <nav>
+            {getNavForPosition("main").map((item) => {
+              return (
+                <a href={process.env.REACT_APP_SITE_URL + "#" + item.location}>{item.label}</a>
+              )
+            })}
+        </nav>
       </div>
     </header>
   )
diff --git a/src/SiteHeader/SiteHeader.scss b/src/SiteHeader/SiteHeader.scss
index 6bd1cb9..af8af44 100644
--- a/src/SiteHeader/SiteHeader.scss
+++ b/src/SiteHeader/SiteHeader.scss
@@ -6,7 +6,7 @@ nav {
 
     padding: 8px;
     text-decoration: none;
-    color: $glimmering-silver;
+    color: #ffffff;
 
     &:last-of-type {
       padding-right: 0;