feat: add comments

with giscus

Author: edpyt

src/pages/blog.rs

@@ -28,6 +28,7 @@ pub fn Blog() -> impl IntoView {
     }
 }
 
+#[allow(dead_code)]
 fn retrieve_blog_posts_files() -> Vec<PathBuf> {
     let paths = fs::read_dir("./assets/posts/").unwrap();
     paths

src/pages/comments.rs

@@ -0,0 +1,25 @@
+use leptos::prelude::*;
+
+#[component]
+pub fn GiscusComments() -> impl IntoView {
+    view! {
+        <div class="giscus"></div>
+
+        <script
+            src="https://giscus.app/client.js"
+            data-repo="edpyt/blog"
+            data-repo-id="R_kgDOPA8L5Q"
+            data-category="General"
+            data-category-id="DIC_kwDOPA8L5c4Cr9M0"
+            data-mapping="url"
+            data-strict="0"
+            data-reactions-enabled="1"
+            data-emit-metadata="0"
+            data-input-position="bottom"
+            data-theme="preferred_color_scheme"
+            data-lang="en"
+            crossorigin="anonymous"
+            async
+        ></script>
+    }
+}

src/pages/mod.rs

@@ -1,3 +1,4 @@
 pub mod about;
 pub mod blog;
+pub mod comments;
 pub mod post;

src/pages/post.rs

@@ -4,6 +4,8 @@ use leptos_router::hooks::use_params;
 use leptos_router::params::Params;
 use uuid::Uuid;
 
+use crate::pages::comments::GiscusComments;
+
 #[derive(Params, PartialEq, Clone, Debug)]
 struct PostParams {
     post_uuid: Option<Uuid>,
@@ -21,5 +23,7 @@ pub fn Post() -> impl IntoView {
             None => Either::Left(view! { <p>"No post with this UUID was found."</p> }),
             Some(post_uuid) => Either::Right(view! { <p>"Found!"{post_uuid.to_string()}</p> }),
         }}
+
+        <GiscusComments />
     }
 }