Implement giscus (#2271)

Author: gilgardosh

website/next.config.mjs

@@ -7,6 +7,7 @@ export default withGuildDocs({
       '/docs/di': '/docs/di/introduction',
       '/docs/legacy/recipes/type-graphql': '/docs/get-started',
       '/docs/introduction/getting-started': '/docs/get-started',
+      '/docs/guides/data-sources': '/docs/get-started',
       '/docs/guides/development-environment': '/docs/get-started',
       '/docs/recipes/db-connection-pooling': '/docs/get-started',
       '/docs/legacy/recipes/development-environment': '/docs/get-started',

website/theme.config.tsx

@@ -1,5 +1,11 @@
 /* eslint sort-keys: error */
-import { ModulesLogo, defineConfig } from '@theguild/components';
+import {
+  defineConfig,
+  Giscus,
+  ModulesLogo,
+  useTheme,
+} from '@theguild/components';
+import { useRouter } from 'next/router';
 
 const SITE_NAME = 'GraphQL Modules';
 
@@ -24,5 +30,27 @@ export default defineConfig({
       </div>
     </>
   ),
+  main: {
+    extraContent() {
+      const { resolvedTheme } = useTheme();
+      const { route } = useRouter();
+
+      if (route === '/') {
+        return null;
+      }
+      return (
+        <Giscus
+          // ensure giscus is reloaded when client side route is changed
+          key={route}
+          repo="Urigo/graphql-modules"
+          repoId="MDEwOlJlcG9zaXRvcnkxMzI5Mjc2NjU="
+          category="Docs Discussions"
+          categoryId="DIC_kwDOB-xQsc4CSDST"
+          mapping="pathname"
+          theme={resolvedTheme}
+        />
+      );
+    },
+  },
   titleSuffix: ` – ${SITE_NAME}`,
 });