From 2594d50b09084039b82d4c367d4cb3646558c37b Mon Sep 17 00:00:00 2001
From: DerTyp7 <janis.meister@outlook.com>
Date: Sun, 19 Oct 2025 01:49:18 +0200
Subject: [PATCH] Added paginator to bottom of gallery

---
 src/app/gallery/[tag]/[page]/page.tsx | 3 +++
 src/styles/Paginator.module.scss      | 4 ++++
 2 files changed, 7 insertions(+)

diff --git a/src/app/gallery/[tag]/[page]/page.tsx b/src/app/gallery/[tag]/[page]/page.tsx
index bf2c83e..46d5f2a 100644
--- a/src/app/gallery/[tag]/[page]/page.tsx
+++ b/src/app/gallery/[tag]/[page]/page.tsx
@@ -1,6 +1,8 @@
 import Gallery from '@/components/Gallery';
+import Paginator from '@/components/Paginator';
 import Topbar from '@/components/Topbar';
 import { ImagesResponse, TagsResponse } from '@/interfaces/api';
+import { PaginatorPosition } from '@/interfaces/paginator';
 import { redirect } from 'next/navigation';
 import { Suspense } from 'react';
 
@@ -46,6 +48,7 @@ export default async function GalleryPage({ params }: { params: Promise<{ page:
       <Suspense fallback={<div>Loading gallery...</div>}>
         <Topbar activeTag={tag} tags={tags} page={page} totalPages={images.totalPages} />
         <Gallery initialImages={images.images} />
+        <Paginator page={page} totalPages={images.totalPages} position={PaginatorPosition.BOTTOM} />
       </Suspense>
     </>
   );
diff --git a/src/styles/Paginator.module.scss b/src/styles/Paginator.module.scss
index 663f3e6..7e99b95 100644
--- a/src/styles/Paginator.module.scss
+++ b/src/styles/Paginator.module.scss
@@ -33,4 +33,8 @@
       }
     }
   }
+
+  &Bottom {
+    justify-content: center;
+  }
 }