summaryrefslogtreecommitdiffstats
path: root/src/components/ToC/ToC.tsx
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2022-01-15 22:45:57 +0100
committerArmand Philippot <git@armandphilippot.com>2022-01-15 22:51:30 +0100
commitaa1ca65e7c9807c6d6020e39166536297fe1cdae (patch)
tree2648da350fec3b71ab7f575d63e4c63ba08248b1 /src/components/ToC/ToC.tsx
parent16dbb4742264edac82fa6bb8e461259d097f4437 (diff)
chore: update sidebar and widgets styles
I'm now using a widget that can be expanded/collapsed. It also allows me to handle more effectively widgets overflow and to avoid styles repetitions. However, with stylelint rule "no-descending-specificity", I'm not sure if the stylesheets are really logical... Maybe I should deactivate this rule.
Diffstat (limited to 'src/components/ToC/ToC.tsx')
-rw-r--r--src/components/ToC/ToC.tsx29
1 files changed, 0 insertions, 29 deletions
diff --git a/src/components/ToC/ToC.tsx b/src/components/ToC/ToC.tsx
deleted file mode 100644
index b172b3a..0000000
--- a/src/components/ToC/ToC.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { t } from '@lingui/macro';
-import { Heading } from '@ts/types/app';
-import useHeadingsTree from '@utils/hooks/useHeadingsTree';
-import styles from './ToC.module.scss';
-
-const ToC = () => {
- const headingsTree = useHeadingsTree('article');
- const title = t`Table of contents`;
-
- const getItems = (headings: Heading[]) => {
- return headings.map((heading) => {
- return (
- <li key={heading.id}>
- <a href={`#${heading.id}`}>{heading.title}</a>
- {heading.children.length > 0 && <ol>{getItems(heading.children)}</ol>}
- </li>
- );
- });
- };
-
- return (
- <div className={styles.wrapper}>
- <h2>{title}</h2>
- <ol className={styles.list}>{getItems(headingsTree)}</ol>
- </div>
- );
-};
-
-export default ToC;