From 2a86fd34f6d99e43eb586f5e656a6c9cb19657a7 Mon Sep 17 00:00:00 2001
From: Valentin Popov <valentin@popov.link>
Date: Fri, 6 Sep 2024 08:36:02 +0000
Subject: [PATCH] Added comments

---
 src/components/Comments.astro  | 32 ++++++++++++++++++++++++++++++++
 src/pages/blog/[...slug].astro |  2 ++
 2 files changed, 34 insertions(+)
 create mode 100644 src/components/Comments.astro

diff --git a/src/components/Comments.astro b/src/components/Comments.astro
new file mode 100644
index 0000000..5fcd65d
--- /dev/null
+++ b/src/components/Comments.astro
@@ -0,0 +1,32 @@
+---
+const category = "Announcements";
+const categoryId = "DIC_kwDOJfmscs4CdNE6";
+const crossorigin = "anonymous";
+const inputPosition = "bottom";
+const lang = "en";
+const mapping = "title";
+const metadata = "0";
+const reactions = "1";
+const repo = "valentineus/valentineus.github.io";
+const repoId = "R_kgDOJfmscg";
+const strict = "1";
+const theme = "transparent_dark";
+---
+
+<script
+	defer
+	src="https://giscus.app/client.js"
+	data-category-id={categoryId}
+	data-category={category}
+	data-emit-metadata={metadata}
+	data-input-position={inputPosition}
+	data-lang={lang}
+	data-mapping={mapping}
+	data-reactions-enabled={reactions}
+	data-repo-id={repoId}
+	data-repo={repo}
+	data-strict={strict}
+	data-theme={theme}
+	crossorigin={crossorigin}
+>
+</script>
diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
index bbf3f98..2593921 100644
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/blog/[...slug].astro
@@ -1,5 +1,6 @@
 ---
 import { type CollectionEntry, getCollection } from "astro:content";
+import Comments from "../../components/Comments.astro";
 import Layout from "../../layouts/PageLayout.astro";
 
 export async function getStaticPaths() {
@@ -34,4 +35,5 @@ const { Content, remarkPluginFrontmatter } = await post.render();
 		</p>
 	</div>
 	<Content />
+	<Comments />
 </Layout>