Merge pull request #4 from nomspace/3-update-routing

#3 Hashrouting + simplifying routes

Author: chiumax

src/App.tsx

@@ -1,8 +1,7 @@
 import React from "react";
 import { Container } from "theme-ui";
-import { Redirect, Route, Switch } from "react-router-dom";
+import { Route, Switch } from "react-router-dom";
 import { Search } from "src/pages/Search";
-import { Stats } from "src/pages/Stats";
 import { SearchDetail } from "src/pages/SearchDetail";
 import { Reserve } from "src/pages/Reserve";
 import { Extend } from "src/pages/Extend";
@@ -23,24 +22,18 @@ const App: React.FC = () => {
         <Header />
         <Switch>
           <Route exact path="/">
-            <Redirect to="/search" />
-          </Route>
-          <Route exact path="/search">
             <Search />
           </Route>
-          <Route exact path="/stats">
-            <Stats />
-          </Route>
-          <Route exact path="/search/:name">
+          <Route exact path="/:name">
             <SearchDetail />
           </Route>
-          <Route exact path="/search/:name/reserve">
+          <Route exact path="/:name/reserve">
             <Reserve />
           </Route>
-          <Route exact path="/search/:name/request">
+          <Route exact path="/:name/request">
             <Request />
           </Route>
-          <Route exact path="/search/:name/extend">
+          <Route exact path="/:name/extend">
             <Extend />
           </Route>
         </Switch>

src/components/SearchBar.tsx

@@ -54,7 +54,7 @@ export const SearchBar: React.FC<IProps> = ({ size }) => {
         onSubmit={(e) => {
           const searchTerm = searchInput?.current.value;
           if (searchTerm && searchTerm !== "") {
-            history.push(`/search/${searchTerm}`);
+            history.push(`/${searchTerm}`);
           }
           e.preventDefault();
         }}

src/index.tsx

@@ -12,7 +12,7 @@ import { Provider } from "react-redux";
 import store from "src/state";
 import theme from "src/theme";
 import { ThemeProvider } from "theme-ui";
-import { HashRouter as Router } from "react-router-dom";
+import { BrowserRouter as Router } from "react-router-dom";
 
 import App from "./App";
 import * as serviceWorker from "./serviceWorker";