fix(docz): non latin menu headings (#840)

doczjs · Apr 30, 2019 · 80b186c · 80b186c
1 parent 9edaac8
commit 80b186c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/core/docz-theme-default/src/components/shared/Sidebar/SmallLink.tsx b/core/docz-theme-default/src/components/shared/Sidebar/SmallLink.tsx
@@ -64,7 +64,8 @@ export const SmallLink: SFC<SmallLinkProps> = ({
   const [isActive, setActive] = useState(false)
 
   useEffect(() => {
-    const currentHash = location.hash && location.hash.slice(1, Infinity)
+    const decodedHash = decodeURI(location.hash)
+    const currentHash = decodedHash && decodedHash.slice(1, Infinity)
     setActive(Boolean(slug === currentHash))
   }, [location])
 

diff --git a/core/docz/src/components/Routes.tsx b/core/docz/src/components/Routes.tsx
@@ -20,7 +20,8 @@ export interface RoutesProps {
 const goToHash = ({ location }: HistoryListenerParameter) => {
   setTimeout(() => {
     if (location && location.hash) {
-      const id: string = location.hash.substring(1)
+      const decodedHash = decodeURI(location.hash)
+      const id: string = decodedHash.substring(1)
       const el: HTMLElement | null = document.getElementById(id)
       if (el) el.scrollIntoView()
     }