From 4329270149726065a3cc5caca1103c14d5a22513 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jind=C5=99ich=20B=C3=A4r?= <jindrichbar@gmail.com>
Date: Mon, 26 Aug 2024 13:57:59 +0200
Subject: [PATCH] fix: docusaurus build

---
 website/src/theme/DocItem/Layout/index.js     | 21 ++---
 .../theme/DocSidebar/Desktop/Content/index.js | 76 ++++++++++---------
 .../src/theme/NavbarItem/ComponentTypes.js    | 12 ++-
 3 files changed, 55 insertions(+), 54 deletions(-)

diff --git a/website/src/theme/DocItem/Layout/index.js b/website/src/theme/DocItem/Layout/index.js
index 7128a2c24..a15408dba 100644
--- a/website/src/theme/DocItem/Layout/index.js
+++ b/website/src/theme/DocItem/Layout/index.js
@@ -1,16 +1,17 @@
-import React from 'react';
-import clsx from 'clsx';
+import { useDoc } from '@docusaurus/plugin-content-docs/client';
 import { useWindowSize, useColorMode } from '@docusaurus/theme-common';
-import { useDoc } from '@docusaurus/theme-common/internal';
-import DocItemPaginator from '@theme/DocItem/Paginator';
-import DocVersionBanner from '@theme/DocVersionBanner';
-import DocVersionBadge from '@theme/DocVersionBadge';
+import Giscus from '@giscus/react';
+import DocBreadcrumbs from '@theme/DocBreadcrumbs';
+import DocItemContent from '@theme/DocItem/Content';
 import DocItemFooter from '@theme/DocItem/Footer';
-import DocItemTOCMobile from '@theme/DocItem/TOC/Mobile';
+import DocItemPaginator from '@theme/DocItem/Paginator';
 import DocItemTOCDesktop from '@theme/DocItem/TOC/Desktop';
-import DocItemContent from '@theme/DocItem/Content';
-import DocBreadcrumbs from '@theme/DocBreadcrumbs';
-import Giscus from '@giscus/react';
+import DocItemTOCMobile from '@theme/DocItem/TOC/Mobile';
+import DocVersionBadge from '@theme/DocVersionBadge';
+import DocVersionBanner from '@theme/DocVersionBanner';
+import clsx from 'clsx';
+import React from 'react';
+
 import styles from './styles.module.css';
 
 /**
diff --git a/website/src/theme/DocSidebar/Desktop/Content/index.js b/website/src/theme/DocSidebar/Desktop/Content/index.js
index c88b0db25..4e611dd1a 100644
--- a/website/src/theme/DocSidebar/Desktop/Content/index.js
+++ b/website/src/theme/DocSidebar/Desktop/Content/index.js
@@ -1,44 +1,46 @@
-import React, {useState} from 'react';
-import clsx from 'clsx';
-import {ThemeClassNames} from '@docusaurus/theme-common';
+import { ThemeClassNames } from '@docusaurus/theme-common';
 import {
-  useAnnouncementBar,
-  useScrollPosition,
+    useAnnouncementBar,
+    useScrollPosition,
 } from '@docusaurus/theme-common/internal';
-import {translate} from '@docusaurus/Translate';
+import { translate } from '@docusaurus/Translate';
 import DocSidebarItems from '@theme/DocSidebarItems';
+import clsx from 'clsx';
+import React, { useState } from 'react';
+
 import styles from './styles.module.css';
+
 function useShowAnnouncementBar() {
-  const {isActive} = useAnnouncementBar();
-  const [showAnnouncementBar, setShowAnnouncementBar] = useState(isActive);
-  useScrollPosition(
-    ({scrollY}) => {
-      if (isActive) {
-        setShowAnnouncementBar(scrollY === 0);
-      }
-    },
-    [isActive],
-  );
-  return isActive && showAnnouncementBar;
+    const { isActive } = useAnnouncementBar();
+    const [showAnnouncementBar, setShowAnnouncementBar] = useState(isActive);
+    useScrollPosition(
+        ({ scrollY }) => {
+            if (isActive) {
+                setShowAnnouncementBar(scrollY === 0);
+            }
+        },
+        [isActive],
+    );
+    return isActive && showAnnouncementBar;
 }
-export default function DocSidebarDesktopContent({path, sidebar, className}) {
-  const showAnnouncementBar = useShowAnnouncementBar();
-  return (
-    <nav
-      aria-label={translate({
-        id: 'theme.docs.sidebar.navAriaLabel',
-        message: 'Docs sidebar',
-        description: 'The ARIA label for the sidebar navigation',
-      })}
-      className={clsx(
-        'menu thin-scrollbar',
-        styles.menu,
-        showAnnouncementBar && styles.menuWithAnnouncementBar,
-        className,
-      )}>
-      <ul className={clsx(ThemeClassNames.docs.docSidebarMenu, 'menu__list')}>
-        <DocSidebarItems items={sidebar} activePath={path} level={1} />
-      </ul>
-    </nav>
-  );
+export default function DocSidebarDesktopContent({ path, sidebar, className }) {
+    const showAnnouncementBar = useShowAnnouncementBar();
+    return (
+        <nav
+            aria-label={translate({
+                id: 'theme.docs.sidebar.navAriaLabel',
+                message: 'Docs sidebar',
+                description: 'The ARIA label for the sidebar navigation',
+            })}
+            className={clsx(
+                'menu thin-scrollbar',
+                styles.menu,
+                showAnnouncementBar && styles.menuWithAnnouncementBar,
+                className,
+            )}>
+            <ul className={clsx(ThemeClassNames.docs.docSidebarMenu, 'menu__list')}>
+                <DocSidebarItems items={sidebar} activePath={path} level={1} />
+            </ul>
+        </nav>
+    );
 }
diff --git a/website/src/theme/NavbarItem/ComponentTypes.js b/website/src/theme/NavbarItem/ComponentTypes.js
index c5ff2a4a2..3d2c99847 100644
--- a/website/src/theme/NavbarItem/ComponentTypes.js
+++ b/website/src/theme/NavbarItem/ComponentTypes.js
@@ -1,14 +1,12 @@
+import { useActiveDocContext, useLayoutDoc } from '@docusaurus/plugin-content-docs/client';
 import DefaultNavbarItem from '@theme/NavbarItem/DefaultNavbarItem';
+import DocSidebarNavbarItem from '@theme/NavbarItem/DocSidebarNavbarItem';
+import DocsVersionDropdownNavbarItem from '@theme/NavbarItem/DocsVersionDropdownNavbarItem';
+import DocsVersionNavbarItem from '@theme/NavbarItem/DocsVersionNavbarItem';
 import DropdownNavbarItem from '@theme/NavbarItem/DropdownNavbarItem';
+import HtmlNavbarItem from '@theme/NavbarItem/HtmlNavbarItem';
 import LocaleDropdownNavbarItem from '@theme/NavbarItem/LocaleDropdownNavbarItem';
 import SearchNavbarItem from '@theme/NavbarItem/SearchNavbarItem';
-import HtmlNavbarItem from '@theme/NavbarItem/HtmlNavbarItem';
-import DocSidebarNavbarItem from '@theme/NavbarItem/DocSidebarNavbarItem';
-import DocsVersionNavbarItem from '@theme/NavbarItem/DocsVersionNavbarItem';
-import DocsVersionDropdownNavbarItem from '@theme/NavbarItem/DocsVersionDropdownNavbarItem';
-import { useActiveDocContext } from '@docusaurus/plugin-content-docs/client';
-import { useDocsVersion, useLayoutDoc } from '@docusaurus/theme-common/internal';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import React from 'react';
 
 // const versions = require('../../../versions.json');