new settings

components/article-footer.tsx

@@ -3,6 +3,7 @@ import { IconEye, IconThumbDown, IconThumbUp } from '@tabler/icons-react';
 import { useLocalStorage } from '@uidotdev/usehooks';
 import axios from 'axios';
 import { useRouter } from 'next/router';
+import { useTheme } from 'nextra-theme-docs';
 import React from 'react';
 
 import { useMutation, useQuery, useQueryClient } from 'react-query';
@@ -34,6 +35,11 @@ const ArticleFooter = () => {
   const path = encodeURI(pathname);
   const qk = useQueryClient();
 
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const { theme } = useTheme();
+
+  console.log(theme);
+
   const [localStatus, setLocalStatus] = useLocalStorage<
     'liked' | 'disliked' | null
   >(path, null);
@@ -109,6 +115,7 @@ const ArticleFooter = () => {
         </div>
       </div>
       <Giscus
+        key={theme}
         id="comments"
         repo="ismoilovdevml/devops-journey"
         repoId="R_kgDOKEbY2g"
@@ -119,7 +126,9 @@ const ArticleFooter = () => {
         reactionsEnabled="1"
         emitMetadata="0"
         inputPosition="top"
-        theme="preferred_color_scheme"
+        theme={
+          (theme as any) == 'light' ? 'light_high_contrast' : 'noborder_dark'
+        }
         lang="uz"
         loading="lazy"
       />

pages/guides/overview.en-UZ.mdx

@@ -1,3 +1,6 @@
+---
+showFooter: false
+---
 import { Tab, Tabs } from 'nextra-theme-docs';
 import Card, { Cards } from '@components/core/Card';
 import cicdGuides from './ci-cd/_meta.en-UZ.json';

pages/index.en-UZ.mdx

@@ -1,5 +1,6 @@
 ---
 title: 'Asosiy'
+showFooter: false
 ---
 
 import Link from '@components/core/Link';

pages/tutorials/all.en-UZ.mdx

@@ -1,5 +1,6 @@
 ---
 description: "Barcha Dokumentatsiyalar"
+showFooter: false
 ---
 
 import Card, { Cards } from '@components/core/Tutorial/Card';

theme.config.tsx

@@ -193,9 +193,12 @@ const config: DocsThemeConfig = {
     img: props => <Zoom><img {...props} /></Zoom>
   },
   main({ children }) {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    const { frontMatter: { showFooter } } = useConfig();
+
     return <>
       {children}
-      <ArticleFooter />
+      {showFooter != false && <ArticleFooter />}
     </>
   }
 };