From 650249e1a8fe7d6645bb712026930dd7e8906ef8 Mon Sep 17 00:00:00 2001
From: Dawid Rycerz <dawid@rycerz.xyz>
Date: Fri, 30 Jan 2026 20:45:07 +0100
Subject: feat(blog): add next/previous post navigation scoped by category

Navigate between posts within the same category (regular, microblog,
archived). Newer post links left, older post links right. Includes
i18n support for English and Polish.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/components/blog/PostNavigation.astro | 39 ++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 src/components/blog/PostNavigation.astro

(limited to 'src/components/blog/PostNavigation.astro')

diff --git a/src/components/blog/PostNavigation.astro b/src/components/blog/PostNavigation.astro
new file mode 100644
index 0000000..037836f
--- /dev/null
+++ b/src/components/blog/PostNavigation.astro
@@ -0,0 +1,39 @@
+---
+import type { CollectionEntry } from "astro:content";
+import { t } from "@/i18n/translations";
+
+interface Props {
+	prevPost: CollectionEntry<"post"> | null | undefined;
+	nextPost: CollectionEntry<"post"> | null | undefined;
+	language?: string | undefined;
+}
+
+const { prevPost, nextPost, language } = Astro.props;
+---
+
+{
+	(prevPost || nextPost) && (
+		<nav aria-label="Post navigation" class="mt-8 flex items-center gap-x-4">
+			{prevPost && (
+				<a
+					class="hover:text-accent me-auto py-2"
+					data-astro-prefetch
+					href={`/posts/${prevPost.id}/`}
+				>
+					<span class="sr-only">{t(language, "newerPostSr")}</span>
+					{t(language, "newerPost")}
+				</a>
+			)}
+			{nextPost && (
+				<a
+					class="hover:text-accent ms-auto py-2"
+					data-astro-prefetch
+					href={`/posts/${nextPost.id}/`}
+				>
+					<span class="sr-only">{t(language, "olderPostSr")}</span>
+					{t(language, "olderPost")}
+				</a>
+			)}
+		</nav>
+	)
+}
-- 
cgit v1.2.3