fix: use framework links in header menu

AmazeeLabs · Apr 7, 2023 · fa711cf · fa711cf
1 parent e6672cf
commit fa711cf
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/ui/src/components/Organisms/Header.tsx b/packages/ui/src/components/Organisms/Header.tsx
@@ -72,13 +72,13 @@ export default function Header(props: { mainNavigation: NavigationFragment }) {
                 >
                   <Popover.Panel className="absolute -left-8 top-full z-10 mt-3 w-56 rounded-xl bg-white p-2 shadow-lg ring-1 ring-gray-900/5">
                     {item.children.map((child) => (
-                      <a
+                      <Link
                         key={child.target}
                         href={child.target}
                         className="block rounded-lg py-2 px-3 text-sm font-semibold leading-6 text-gray-900 hover:bg-gray-50"
                       >
                         {child.title}
-                      </a>
+                      </Link>
                     ))}
                   </Popover.Panel>
                 </Transition>