Fix issue with anchor requiring HREF

211-Connect · Jan 29, 2024 · 8de2adc · 8de2adc
1 parent 09c2ee5
commit 8de2adc
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git 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
@@ -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' }}
                       >