fix library page local anchors (#300)

gravity-ui · Nov 6, 2024 · da064f3 · da064f3
1 parent cf70c66
commit da064f3
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/src/components/Library/Library.tsx b/src/components/Library/Library.tsx
@@ -15,7 +15,7 @@ import storybookIcon from '../../assets/icons/storybook.svg';
 import versionIcon from '../../assets/icons/version.svg';
 import {ContributorList} from '../../components/ContributorList';
 import {Link} from '../../components/Link';
-import {Lib, block, getLocaleLink, getMaintainers} from '../../utils';
+import {Lib, block, getAnchor, getLocaleLink, getMaintainers} from '../../utils';
 import {MDXRenderer} from '../MDXRenderer/MDXRenderer';
 
 import './Library.scss';
@@ -103,7 +103,11 @@ export const Library: React.FC<Props> = ({lib}) => {
 
     const rewriteLinks = React.useCallback(
         (link: string) => {
-            if (ABSOLUTE_LINK_REG_EXP.test(link) || HASH_REG_EXP.test(link)) {
+            if (HASH_REG_EXP.test(link)) {
+                return `#${getAnchor(link)}`;
+            }
+
+            if (ABSOLUTE_LINK_REG_EXP.test(link)) {
                 return link;
             }
 

diff --git a/src/utils/anchor.ts b/src/utils/anchor.ts
@@ -0,0 +1,6 @@
+export const getAnchor = (link: string): string => {
+    return link
+        .toLowerCase()
+        .replace(/[^a-z0-9 ]/g, '')
+        .replace(/[ ]/g, '-');
+};
diff --git a/src/utils/index.ts b/src/utils/index.ts
@@ -6,3 +6,4 @@ export * from './components';
 export * from './browser';
 export * from './i18next';
 export * from './locale-link';
+export * from './anchor';