Fix scrollbar flickering when clicking on a menu (#127)

* Fix scrollbar flickering when clicking on a menu * `setIsOpen(false)` when click on anchors
ekaterinburgdev · Dec 21, 2023 · 399fbd8 · 399fbd8
1 parent 281ac1d
commit 399fbd8
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/components/TableOfContents/TableOfContents.jsx b/components/TableOfContents/TableOfContents.jsx
@@ -8,13 +8,13 @@ import { ManualTitle } from '../ManualTitle/ManualTitle'
 
 import styles from './TableOfContents.module.css'
 
-function InnerLink({ anchor, baseState, setState }) {
+function InnerLink({ anchor, setIsOpen }) {
     return (
         <a
             className={cn(styles.innerTableOfContentsLink)}
             key={anchor.title}
             href={`#${anchor.id}`}
-            onClick={() => setState(!baseState)}
+            onClick={() => setIsOpen(false)}
         >
             <span>{tUI(anchor.title[0])}</span>
         </a>
@@ -67,7 +67,6 @@ function TableOfContents({
                     className={cn(styles.tableOfContentsLink, {
                         [styles.active]: currentPageUrl[1] && currentPageUrl[1] === url,
                     })}
-                    onClick={() => setIsOpen(!isOpen)}
                 >
                     <span className={styles.linkNumber}>{order}.&nbsp;</span>
                     {tUI(title)}
@@ -88,7 +87,7 @@ function TableOfContents({
                                 <InnerLink
                                     anchor={anchor}
                                     baseState={isOpen}
-                                    setState={setIsOpen}
+                                    setIsOpen={setIsOpen}
                                 />
                             </li>
                         ))}