valentineus/popov.link
0
Fork 0
mirror of https://github.com/valentineus/popov.link.git synced 2025-07-04 08:30:27 +03:00
Code Issues Releases Activity

Refactor Pagination component to update page size in getStaticPaths

Browse Source
This commit is contained in:
Valentin Popov
2024-09-13 00:26:08 +00:00
parent 4a821edd50
commit 5217bcb24c
4 changed files with 20 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/Pagination.astro
View File

@ -1,7 +1,4 @@
---
import Next from "./Pagination/Next.astro";
import Prev from "./Pagination/Prev.astro";
type Props = {
readonly nextUrl?: string;
readonly prevUrl?: string;
@ -12,13 +9,27 @@ const { nextUrl, prevUrl } = Astro.props;
<style lang="scss">
div {
overflow: hidden;
padding: 3rem 0;
width: 100%;
text-align: center;
}
span {
margin: 0 2em;
}
</style>
<div>
{prevUrl && <Prev url={prevUrl} />}
{nextUrl && <Next url={nextUrl} />}
{
prevUrl && (
<span>
<a href={prevUrl}>&lt; Prev</a>
</span>
)
}
{
nextUrl && (
<span>
<a href={nextUrl}>Next &gt;</a>
</span>
)
}
</div>

18
src/components/Pagination/Next.astro
View File

@ -1,18 +0,0 @@
---
type Props = {
readonly url: string;
};
const { url } = Astro.props;
---
<style lang="scss">
span {
float: right;
max-width: 40%;
}
</style>
<span>
<a href={url}>Next &gt;</a>
</span>

18
src/components/Pagination/Prev.astro
View File

@ -1,18 +0,0 @@
---
type Props = {
readonly url: string;
};
const { url } = Astro.props;
---
<style lang="scss">
span {
float: left;
max-width: 40%;
}
</style>
<span>
<a href={url}>&lt; Prev</a>
</span>