fix(website): fix scrolling and hashes

Author: christianalfoni

packages/overmind-website/src/components/Api/index.tsx

@@ -2,7 +2,7 @@ import { createElement, SFC, useState, useEffect } from 'react'
 import { useOvermind } from '../../overmind'
 import Doc from '../Doc'
 import * as styles from './styles'
-import { compile, getGithubBaseUrl } from '../../utils'
+import { compile, getGithubBaseUrl, useScrollToPosition } from '../../utils'
 import { css } from 'emotion'
 
 function getGithubUrl(name) {
@@ -13,11 +13,13 @@ const Api: SFC = () => {
   const { state } = useOvermind()
   const [content, setContent] = useState(null)
 
+  useScrollToPosition(content)
+
   useEffect(
     () => {
-      import('../../../api/' + state.currentApi + '.md').then((module) =>
+      import('../../../api/' + state.currentApi + '.md').then((module) => {
         setContent(module)
-      )
+      })
     },
     [state.currentApi]
   )

packages/overmind-website/src/overmind/effects.ts

@@ -23,19 +23,26 @@ export const router = (() => {
     view: storage.get('theme'),
     typescript: storage.get('typescript'),
   }
+  let currentHash = location.hash
 
   return {
     getPath() {
       return currentPath
     },
     route(url: string, action: (payload: RouteContext) => void) {
-      page(url, ({ params, pathname, querystring }) => {
+      page(url, ({ params, pathname, path, querystring }) => {
         // We want to preserve the query
         if (!querystring) {
+          if (location.hash === currentHash) {
+            currentHash = ''
+          } else {
+            currentHash = location.hash
+          }
+
           page.redirect(
             `${pathname}?view=${currentQuery.view}&typescript=${
               currentQuery.typescript
-            }${location.hash}`
+            }${currentHash}`
           )
           return
         }