Merge pull request #370 from hackforla/gh-pages-fix

history fix for gh-pages

Author: jmensch1

client/web/package.json

@@ -1,7 +1,7 @@
 {
   "name": "web",
   "version": "0.1.0",
-  "homepage": "https://hackforla.github.io/ballotnav",
+  "homepage": "https://hackforla.github.io/ballotnav/",
   "private": true,
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^1.2.32",

client/web/src/App.jsx

@@ -22,7 +22,7 @@ const useStyles = makeStyles({
 const App = () => {
   const classes = useStyles()
   return (
-    <ConnectedRouter history={history}>
+    <ConnectedRouter basename={process.env.PUBLIC_URL} history={history}>
       <Div100vh className={classes.root}>
         <Header />
         <div className={classes.content}>

client/web/src/services/history.js

@@ -1,5 +1,8 @@
-import { createBrowserHistory } from 'history'
+import {
+  // createBrowserHistory as createHistory, // for regular deploy
+  createHashHistory as createHistory, // for gh-pages deploy
+} from 'history'
 
-const history = createBrowserHistory()
+const history = createHistory()
 
 export default history