From 94c3346dd669bcdbe6eefc00c9d10241d2cc2b5b Mon Sep 17 00:00:00 2001
From: nemanjam <nemanja.mitic.elfak@hotmail.com>
Date: Sat, 7 Oct 2023 15:46:21 +0200
Subject: [PATCH] pass theme to giscus comments

---
 docs/load-giscus.astro | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 docs/load-giscus.astro

diff --git a/docs/load-giscus.astro b/docs/load-giscus.astro
new file mode 100644
index 0000000..d3df12a
--- /dev/null
+++ b/docs/load-giscus.astro
@@ -0,0 +1,34 @@
+<script>
+const loadGiscus = () => {
+  const isCLientSide = typeof window !== 'undefined';
+  if (!isCLientSide) return;
+
+  const theme = sessionStorage.theme;
+  console.log('theme', theme);
+
+  const script = document.createElement('script');
+  const anchor = document.getElementById('inject-comments-for-giscus');
+  if (!anchor) return;
+
+  script.setAttribute('src', 'https://giscus.app/client.js');
+  script.setAttribute('data-repo', 'nemanjam/nemanjam.github.io');
+  script.setAttribute('data-repo-id', 'R_kgDOKc-LeA');
+  script.setAttribute('data-category', 'General');
+  script.setAttribute('data-category-id', 'DIC_kwDOKc-LeM4CZ7UL');
+  script.setAttribute('data-mapping', 'pathname');
+  script.setAttribute('data-strict', '0');
+  script.setAttribute('data-reactions-enabled', '1');
+  script.setAttribute('data-emit-metadata', '0');
+  script.setAttribute('data-input-position', 'bottom');
+  script.setAttribute('data-theme', theme === 'light' ? 'light' : 'dark');
+  script.setAttribute('data-lang', 'en');
+  script.setAttribute('data-loading', 'lazy');
+  script.setAttribute('async', '1');
+  script.setAttribute('crossorigin', 'anonimous');
+  anchor.appendChild(script);
+}
+
+loadGiscus();
+</script>
+
+<div id="inject-comments-for-giscus" />
\ No newline at end of file