Refactor

Author: rickhanlonii

src/components/DocsFooter.tsx

@@ -19,31 +19,37 @@ function areEqual(prevProps: DocsPageFooterProps, props: DocsPageFooterProps) {
 
 export const DocsPageFooter = memo<DocsPageFooterProps>(
   function DocsPageFooter({nextRoute, prevRoute, route}) {
-    if (!route || route?.heading) {
+    if (!route || route?.heading || !route.path || route.path === '/blog') {
       return null;
     }
 
+    let next;
+    let prev;
+    if (route.path.indexOf('/blog') === 0) {
+      next = prevRoute;
+      prev = nextRoute;
+    } else {
+      next = nextRoute;
+      prev = prevRoute;
+    }
+
     return (
       <>
-        {prevRoute?.path || nextRoute?.path ? (
+        {prev?.path || next?.path ? (
           <>
             <div className="grid grid-cols-1 gap-4 py-4 mx-auto max-w-7xl md:grid-cols-2 md:py-12">
-              {prevRoute?.path ? (
+              {prev?.path ? (
                 <FooterLink
                   type="Previous"
-                  title={prevRoute.title}
-                  href={prevRoute.path}
+                  title={prev.title}
+                  href={prev.path}
                 />
               ) : (
                 <div />
               )}
 
-              {nextRoute?.path ? (
-                <FooterLink
-                  type="Next"
-                  title={nextRoute.title}
-                  href={nextRoute.path}
-                />
+              {next?.path && next.path !== '/blog' ? (
+                <FooterLink type="Next" title={next.title} href={next.path} />
               ) : (
                 <div />
               )}

src/components/Layout/Page.tsx

@@ -52,12 +52,7 @@ export function Page({
     cleanedPath,
     routeTree
   );
-  const getNavigationRoutes = () => {
-    if (section !== 'blog') return { nextRoute, prevRoute };
-    return { nextRoute: prevRoute, prevRoute: nextRoute }; // Swap for blog
-  };
 
-  const { nextRoute: finalNextRoute, prevRoute: finalPrevRoute } = getNavigationRoutes();
   const title = meta.title || route?.title || '';
   const version = meta.version;
   const description = meta.description || route?.description || '';
@@ -92,13 +87,11 @@ export function Page({
               <LanguagesContext value={languages}>{children}</LanguagesContext>
             </TocContext>
           </div>
-          {!isBlogIndex && (
-            <DocsPageFooter
-              route={route}
-              nextRoute={finalNextRoute}
-              prevRoute={finalPrevRoute}
-            />
-          )}
+          <DocsPageFooter
+            route={route}
+            nextRoute={nextRoute}
+            prevRoute={prevRoute}
+          />
         </div>
       </div>
     );