Refactor Pagination component to update page size in getStaticPaths

4 files changed, 20 insertions, 45 deletions

diff --git a/src/components/Pagination.astro b/src/components/Pagination.astro
index 835ea2d..0d656df 100644
--- a/src/components/Pagination.astro
+++ b/src/components/Pagination.astro
@@ -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>
diff --git a/src/components/Pagination/Next.astro b/src/components/Pagination/Next.astro
deleted file mode 100644
index 1a95710..0000000
--- a/src/components/Pagination/Next.astro
+++ /dev/null
@@ -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>
diff --git a/src/components/Pagination/Prev.astro b/src/components/Pagination/Prev.astro
deleted file mode 100644
index 2454876..0000000
--- a/src/components/Pagination/Prev.astro
+++ /dev/null
@@ -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>
diff --git a/src/pages/[...page].astro b/src/pages/[...page].astro
index 2a6f5cc..42f84b3 100644
--- a/src/pages/[...page].astro
+++ b/src/pages/[...page].astro
@@ -12,7 +12,7 @@ export const getStaticPaths = (async ({ paginate }) => {
 	posts.sort((a, b) => b.data.pubDate.getTime() - a.data.pubDate.getTime());
 
 	return paginate(posts, {
-		pageSize: 5,
+		pageSize: 10,
 	});
 }) satisfies GetStaticPaths;