From 643deed0565a6d177f1f343b820f9d1342b738e0 Mon Sep 17 00:00:00 2001
From: Azvya Erstevan <azvyae@gmail.com>
Date: Wed, 21 Aug 2024 18:58:58 +0700
Subject: [PATCH] Infinite redirection fixed

---
 src/app/components.tsx           |  9 ++++++++-
 src/app/stories/sections.tsx     | 10 +++++-----
 src/components/footer/footer.tsx |  2 +-
 3 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/app/components.tsx b/src/app/components.tsx
index 338a309..df24c68 100644
--- a/src/app/components.tsx
+++ b/src/app/components.tsx
@@ -214,7 +214,14 @@ function MostHighlightedStory({ story }: { story?: StoriesIndexEntry }) {
 function LatestStories({ stories }: { stories: StoriesIndexEntry[] }) {
   return (
     <section data-item="latest-stories-section" className="px-8 md:px-16 py-8">
-      <h4 className="text-left text-3xl font-bold mb-6">Latest Stories</h4>
+      {stories.length > 0 && (
+        <h4 className="text-left text-3xl font-bold mb-6">Latest Stories</h4>
+      )}
+      {stories.length === 0 && (
+        <p className="text-left text-3xl font-bold mb-6">
+          No published stories yet
+        </p>
+      )}
       <div className="grid gap-8 sm:grid-cols-2 xl:grid-cols-4 mb-6">
         {stories.map((index, k) => (
           <StoryCard story={index} key={k} />
diff --git a/src/app/stories/sections.tsx b/src/app/stories/sections.tsx
index 571819b..04d31e4 100644
--- a/src/app/stories/sections.tsx
+++ b/src/app/stories/sections.tsx
@@ -7,7 +7,7 @@ import { readFileSync } from 'fs';
 import jsonata from 'jsonata';
 import Image from 'next/image';
 import Link from 'next/link';
-import { notFound, redirect } from 'next/navigation';
+import { redirect } from 'next/navigation';
 import path from 'path';
 import { cache } from 'react';
 import { FiChevronLeft, FiChevronRight } from 'react-icons/fi';
@@ -53,17 +53,17 @@ async function listStories(
     }
     const expression = jsonata(query);
     const result: StoriesIndexEntry[] = await expression.evaluate(indexStories);
-
+    const maxPage = Math.ceil(result.length / 6);
     return {
       total: query === `$[]` ? meta.totalStories : result.length,
       result: result.slice((page - 1) * 6, 6 * page) ?? [],
-      maxPage: Math.ceil(result.length / 6),
+      maxPage: maxPage === 0 ? 1 : maxPage,
     };
   } catch (error) {
     return {
       total: 0,
       result: [],
-      maxPage: 0,
+      maxPage: 1,
     };
   }
 }
@@ -105,7 +105,7 @@ async function FilteringSection({
 }) {
   const meta = await checkMeta();
   if (category && !meta.categories.includes(category)) {
-    return notFound();
+    return redirect('/stories');
   }
   return (
     <section data-item="stories-filter" className="relative px-2 w-full">
diff --git a/src/components/footer/footer.tsx b/src/components/footer/footer.tsx
index 757c84c..4dd1dd7 100644
--- a/src/components/footer/footer.tsx
+++ b/src/components/footer/footer.tsx
@@ -5,7 +5,7 @@ import Link from 'next/link';
 
 function Footer() {
   return (
-    <footer className="w-full pt-10 px-8 xl:px-32  sm:pt-20">
+    <footer className="w-full pt-10 px-8 xl:px-32  sm:pt-20 relative">
       <div className="w-full mx-auto transition-colors md:items-center duration-500 bg-[#FAFBFC] dark:bg-bgdark grid md:grid-cols-3 items-start justify-between gap-8 py-4 md:gap-2.5 max-w-screen-2k">
         <Link className="inline-block h-10 py-2" href={'/'}>
           <Image