fix nav

src/components/GalleryImage/GalleryImage.js

@@ -153,15 +153,11 @@ const GalleryImage = ({ data, location: { state } }) => {
         <Nav
           className="mb-4"
           internalLinks={[
-            { href: "/", label: "Home" },
             {
-              href: getGalleryPageUrl(
-                { keyword: filterKeyword, sortKey },
-                image.base
-              ),
+              href: "/",
               label: (
                 <>
-                  Gallery <kbd>esc</kbd>
+                  Home <kbd>esc</kbd>
                 </>
               ),
             },

src/components/Nav.tsx

@@ -43,7 +43,7 @@ const Nav = ({ isClient, internalLinks, className }: NavProps) => {
             : "border border-white"
         )}
       >
-        {/* <ul className="inline-flex flex-wrap justify-center">
+        <ul className="inline-flex flex-wrap justify-center">
           {internalLinks &&
             internalLinks.map(({ href, label }) => (
               <li key={href}>
@@ -57,7 +57,7 @@ const Nav = ({ isClient, internalLinks, className }: NavProps) => {
               </li>
             ))}
         </ul>
-        {internalLinks && currentBreakpoint !== "XS" && <>|</>} */}
+        {internalLinks && currentBreakpoint !== "XS" && <>|</>}
         {currentBreakpoint === "XS" && (
           <button
             className="mx-2 hover:underline inline-flex align-middle"

src/pages/index.tsx

@@ -169,7 +169,6 @@ const GalleryPage = ({ data }: PageProps<Queries.GalleryPageQueryQuery>) => {
           className="mb-4"
           internalLinks={[
             { href: "/", label: "Home" },
-            { href: "/photogallery/", label: "Gallery" },
           ]}
         ></Nav>
         <div className="flex flex-col lg:flex-row lg:items-end justify-between">