change to hashrouter

Author: ryosukeeeeee

src/DesktopContainer.tsx

@@ -43,7 +43,8 @@ class DesktopContainer extends Component<IProps, IState> {
   showFixedMenu = () => this.setState({ fixed: true });
 
   componentDidMount = async () => {
-    let pathname = window.location.pathname;
+    let pathname = window.location.hash;
+
     if (pathname.length > 1) {
       this.setState({
         activeItem: pathname,

src/MobileContainer.tsx

@@ -99,7 +99,6 @@ class MobileContainer extends Component<IProps, IState> {
                     as="a"
                     href="https://archlinuxstudio.github.io/ArchLinuxTutorial/#/"
                     target="_blank"
-                    active={this.state.activeItem === homePathName}
                   >
                     ALT
                   </Menu.Item>

src/const.tsx

@@ -1,5 +1,5 @@
 import { createMedia } from '@artsy/fresnel';
-import { createBrowserHistory } from 'history';
+import { createHashHistory } from 'history';
 
 export const { MediaContextProvider, Media } = createMedia({
   breakpoints: {
@@ -9,7 +9,7 @@ export const { MediaContextProvider, Media } = createMedia({
   },
 });
 
-export const history = createBrowserHistory();
+export const history = createHashHistory();
 
 export const homePathName = '/home';
 export const blogListPathName = '/blog_list';