janis/f1r3wave-website
1
0
Fork 0
mirror of https://github.com/DerTyp7/f1r3wave-website.git synced 2025-10-29 21:17:09 +01:00
Code Issues Packages Projects Releases Wiki Activity

Added paginator to bottom of gallery

Browse Source
This commit is contained in:
Janis
2025-10-19 01:49:18 +02:00
parent 871df4625f
commit 2594d50b09
2 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/gallery/[tag]/[page]/page.tsx
View File

@@ -1,6 +1,8 @@
import Gallery from '@/components/Gallery'; import Gallery from '@/components/Gallery';
import Paginator from '@/components/Paginator';
import Topbar from '@/components/Topbar'; import Topbar from '@/components/Topbar';
import { ImagesResponse, TagsResponse } from '@/interfaces/api'; import { ImagesResponse, TagsResponse } from '@/interfaces/api';
import { PaginatorPosition } from '@/interfaces/paginator';
import { redirect } from 'next/navigation'; import { redirect } from 'next/navigation';
import { Suspense } from 'react'; import { Suspense } from 'react';
@@ -46,6 +48,7 @@ export default async function GalleryPage({ params }: { params: Promise<{ page:
<Suspense fallback={<div>Loading gallery...</div>}> <Suspense fallback={<div>Loading gallery...</div>}>
<Topbar activeTag={tag} tags={tags} page={page} totalPages={images.totalPages} /> <Topbar activeTag={tag} tags={tags} page={page} totalPages={images.totalPages} />
<Gallery initialImages={images.images} /> <Gallery initialImages={images.images} />
<Paginator page={page} totalPages={images.totalPages} position={PaginatorPosition.BOTTOM} />
</Suspense> </Suspense>
</> </>
); );

4
src/styles/Paginator.module.scss
View File

@@ -33,4 +33,8 @@
} }
} }
} }
&Bottom {
justify-content: center;
}
} }