From 58c2d87248742a0d590c4cf9d600bd0175e5cf62 Mon Sep 17 00:00:00 2001
From: Raj <rajkasat@yo.com>
Date: Wed, 17 Jan 2024 00:53:03 +0530
Subject: [PATCH 1/3] Done the following changes

Signed-off-by: Raj <rajkasat@yo.com>
---
 components/Pagination/Pagination.tsx  | 51 ++++++++++++++++-----------
 pages/[category]/[...subcategory].tsx |  2 +-
 2 files changed, 31 insertions(+), 22 deletions(-)

diff --git a/components/Pagination/Pagination.tsx b/components/Pagination/Pagination.tsx
index 77b281b6f..0fb32cb62 100644
--- a/components/Pagination/Pagination.tsx
+++ b/components/Pagination/Pagination.tsx
@@ -1,43 +1,50 @@
-import React, { useEffect } from 'react';
-import { useTheme } from 'next-themes';
-import clsx from 'clsx';
+import React, { useEffect } from 'react'
+import { useTheme } from 'next-themes'
+import clsx from 'clsx'
 
 type PaginationProps = {
-  totalPages: number[] | null;
-  currentPage: number;
-  handlePageChange: (page: number) => void;
-};
+  toporbottom: boolean
+  totalPages: number[] | null
+  currentPage: number
+  handlePageChange: (page: number) => void
+}
 
 export default function Pagination({
+  toporbottom,
   totalPages,
   currentPage,
   handlePageChange,
 }: PaginationProps) {
-  const { resolvedTheme } = useTheme();
-  const isDarkMode = resolvedTheme === 'dark';
-
+  const { resolvedTheme } = useTheme()
+  const isDarkMode = resolvedTheme === 'dark'
   const scrollToTop = () => {
-    window.scrollTo({ top: 0, behavior: 'smooth' });
-  };
+    window.scrollTo({ top: 0, behavior: 'smooth' })
+  }
 
   const changePage = (page: number) => {
-    handlePageChange(page);
-  };
+    handlePageChange(page)
+  }
 
   useEffect(() => {
-    scrollToTop();
-  }, [currentPage]);
+    scrollToTop()
+  }, [currentPage])
 
   return (
     <>
       {totalPages && totalPages.length > 1 && (
         <div
           className={clsx(
-            'w-full z-20 flex lg:w-full items-center justify-center ',
-            'absolute bottom-2 right-0'
+            toporbottom == true
+              ? 'w-full z-20 flex lg:w-full items-center justify-center absolute bottom-2 right-0'
+              : 'z-20 flex w-full lg:w-full items-center justify-end absolute top-0 right-0'
           )}
         >
-          <div className="flex items-center px-6 py-1 gap-4">
+          <div
+            className={clsx(
+              'flex items-center',
+              toporbottom == true ? 'px-6 py-1 gap-4' : 'gap-2'
+            )}
+          >
             <button
               className={clsx(
                 'flex items-center justify-center text-[#8b5cf6]',
@@ -57,7 +64,9 @@ export default function Pagination({
                     'flex items-center justify-center rounded-md hover:bg-[#8b5cf6] hover:text-white px-2',
                     currentPage === page
                       ? 'bg-[#8b5cf6] text-white'
-                      : isDarkMode ? 'text-light' : 'text-theme-secondary'
+                      : isDarkMode
+                      ? 'text-light'
+                      : 'text-theme-secondary'
                   )}
                   onClick={() => changePage(page)}
                 >
@@ -79,5 +88,5 @@ export default function Pagination({
         </div>
       )}
     </>
-  );
+  )
 }
diff --git a/pages/[category]/[...subcategory].tsx b/pages/[category]/[...subcategory].tsx
index 796541f9d..33457ed59 100644
--- a/pages/[category]/[...subcategory].tsx
+++ b/pages/[category]/[...subcategory].tsx
@@ -101,7 +101,7 @@ const SubCategory: NextPage<PageProps> = ({ subcategory }) => {
         className="relative min-h-[calc(100%-68px)] w-full pt-[85px] pb-4 md:min-h-[calc(100%-76px)] md:px-10 md:pt-10"
       >
         {content}
-        <div className="min-w-full h-10 py-5"/>
+        {/* <div className="min-w-full h-10 py-5"/> */}
         <Pagination
           totalPages={totalPages}
           currentPage={currentPage}

From c0679e74dd918265ce72e8219fff01930c97b1e3 Mon Sep 17 00:00:00 2001
From: Raj <rajkasat@yo.com>
Date: Wed, 17 Jan 2024 00:56:14 +0530
Subject: [PATCH 2/3] Minor changes in subcategory page

Signed-off-by: Raj <rajkasat@yo.com>
---
 pages/[category]/[...subcategory].tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/pages/[category]/[...subcategory].tsx b/pages/[category]/[...subcategory].tsx
index 33457ed59..1d41608de 100644
--- a/pages/[category]/[...subcategory].tsx
+++ b/pages/[category]/[...subcategory].tsx
@@ -101,7 +101,6 @@ const SubCategory: NextPage<PageProps> = ({ subcategory }) => {
         className="relative min-h-[calc(100%-68px)] w-full pt-[85px] pb-4 md:min-h-[calc(100%-76px)] md:px-10 md:pt-10"
       >
         {content}
-        {/* <div className="min-w-full h-10 py-5"/> */}
         <Pagination
           totalPages={totalPages}
           currentPage={currentPage}

From 97e8647cddd34104096abbc211567b7c5e9862f4 Mon Sep 17 00:00:00 2001
From: Raj <rajkasat@yo.com>
Date: Sun, 21 Jan 2024 00:29:02 +0530
Subject: [PATCH 3/3] Fixed Errors

---
 pages/[category]/[...subcategory].tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/pages/[category]/[...subcategory].tsx b/pages/[category]/[...subcategory].tsx
index 1d41608de..23be5529e 100644
--- a/pages/[category]/[...subcategory].tsx
+++ b/pages/[category]/[...subcategory].tsx
@@ -33,6 +33,7 @@ const SubCategory: NextPage<PageProps> = ({ subcategory }) => {
   } else {
     content = <ComingSoon />
   }
+  const toporbottom = true
 
   return (
     <>
@@ -102,6 +103,14 @@ const SubCategory: NextPage<PageProps> = ({ subcategory }) => {
       >
         {content}
         <Pagination
+          toporbottom={toporbottom}
+          totalPages={totalPages}
+          currentPage={currentPage}
+          handlePageChange={handlePageChange}
+        />
+        <div className=" min-w-full h-10 py-5" />
+        <Pagination
+          toporbottom={!toporbottom}
           totalPages={totalPages}
           currentPage={currentPage}
           handlePageChange={handlePageChange}
@@ -134,4 +143,4 @@ export const getStaticProps: GetStaticProps<PageProps, Params> = async (
   }
 }
 
-export default SubCategory
+export default SubCategory
\ No newline at end of file