From 8de2adcb2106bc1fb1ae333aec7dbe60939cb643 Mon Sep 17 00:00:00 2001
From: Chris Short <13677134+devcshort@users.noreply.github.com>
Date: Mon, 29 Jan 2024 15:11:20 -0800
Subject: [PATCH] Fix issue with anchor requiring HREF

---
 packages/client/components/atoms/Anchor.tsx        | 3 ++-
 packages/client/components/organisms/AppFooter.tsx | 6 ++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/client/components/atoms/Anchor.tsx b/packages/client/components/atoms/Anchor.tsx
index 426115f9..7e81a3c9 100644
--- a/packages/client/components/atoms/Anchor.tsx
+++ b/packages/client/components/atoms/Anchor.tsx
@@ -5,7 +5,8 @@ import Link, { LinkProps } from 'next/link';
 export function Anchor({
   children,
   ...rest
-}: AnchorProps & LinkProps & { target?: string; rel?: string }) {
+}: AnchorProps &
+  LinkProps & { target?: string; rel?: string; href?: string | null }) {
   const handleLink = (e: any) => {
     createLinkEvent(e);
   };
diff --git a/packages/client/components/organisms/AppFooter.tsx b/packages/client/components/organisms/AppFooter.tsx
index 967075b6..92e2cc46 100644
--- a/packages/client/components/organisms/AppFooter.tsx
+++ b/packages/client/components/organisms/AppFooter.tsx
@@ -54,11 +54,13 @@ export function AppFooter(props: Props) {
                 </Anchor>
 
                 {appConfig.menus.footer.map(
-                  (el: { name: string; href: string }) => (
+                  (el: { name: string; href: string | null }) => (
                     <Fragment key={el.name}>
                       <IconPointFilled size={theme.fontSizes.sm} />
                       <Anchor
-                        href={el.href}
+                        {...(el.href != null
+                          ? { href: el.href }
+                          : { href: '' })}
                         display="flex"
                         sx={{ alignItems: 'center' }}
                       >