Add polish language support

1 files changed, 8 insertions, 5 deletions

diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
index 59f7282..02253f5 100644
--- a/src/layouts/BlogPost.astro
+++ b/src/layouts/BlogPost.astro
@@ -3,6 +3,7 @@ import { type CollectionEntry, render } from "astro:content";
 
 import Masthead from "@/components/blog/Masthead.astro";
 import WebMentions from "@/components/blog/webmentions/index.astro";
+import { t } from "@/i18n/translations";
 
 import BaseLayout from "./Base.astro";
 
@@ -11,7 +12,7 @@ interface Props {
 }
 
 const { post } = Astro.props;
-const { ogImage, title, description, updatedDate, publishDate } = post.data;
+const { ogImage, title, description, updatedDate, publishDate, language } = post.data;
 const socialImage = ogImage ?? `/og-image/${post.id}.png`;
 const articleDate = updatedDate?.toISOString() ?? publishDate.toISOString();
 const { remarkPluginFrontmatter } = await render(post);
@@ -27,12 +28,14 @@ const readingTime: string = remarkPluginFrontmatter.readingTime;
 	}}
 >
 	<article class="grow break-words" data-pagefind-body>
-		<div id="blog-hero" class="mb-12"><Masthead content={post} readingTime={readingTime} /></div>
+		<div id="blog-hero" class="mb-12">
+			<Masthead content={post} readingTime={readingTime} language={language} />
+		</div>
 		<div
 			class="prose prose-sm prose-cactus prose-headings:font-semibold prose-headings:text-accent-2 prose-headings:before:absolute prose-headings:before:-ms-4 prose-headings:before:text-gray-600 prose-headings:hover:before:text-accent sm:prose-headings:before:content-['#'] sm:prose-th:before:content-none max-w-none"
 		>
 			<slot />
-			<WebMentions />
+			<WebMentions language={language} />
 			{
 				post.data.sourceUrl && (
 					<p class="mt-8 border-t border-gray-200 pt-6 text-sm dark:border-gray-700">
@@ -42,7 +45,7 @@ const readingTime: string = remarkPluginFrontmatter.readingTime;
 							target="_blank"
 							rel="noopener noreferrer"
 						>
-							View original post on Pleroma →
+							{t(language, "viewOriginalPost")}
 						</a>
 					</p>
 				)
@@ -54,7 +57,7 @@ const readingTime: string = remarkPluginFrontmatter.readingTime;
 		data-show="false"
 		id="to-top-btn"
 	>
-		<span class="sr-only">Back to top</span>
+		<span class="sr-only">{t(language, "backToTop")}</span>
 		<svg
 			aria-hidden="true"
 			class="h-6 w-6"