hash route

Author: crzypatchwork

package-lock.json

@@ -78,5 +78,5 @@
     "prettier": "^2.3.0"
   },
   "module": "commonjs",
-  "homepage": "./"
+  "homepage": "."
 }

package.json

@@ -35,13 +35,13 @@ const App = () => {
     <HicetnuncContextProvider>
       <Header />
       <FeedbackComponent />
-      <BrowserRouter>
+      <HashRouter>
         <Switch>
           {routes.map(({ exact, path, component: Comp }) => (
             <Route path={path} exact={exact} key={path} component={Comp} />
           ))}
         </Switch>
-      </BrowserRouter>
+      </HashRouter>
     </HicetnuncContextProvider>
   )
 }

src/App.js

@@ -306,12 +306,12 @@ export default class Display extends Component {
 
   componentWillMount = async () => {
 
-    const id = window.location.pathname.split('/')[1]
+    const id = window.location.hash.split('/')[1]
     // console.log(window.location.pathname.split('/'))
 
     if (id === 'tz') {
 
-      const wallet = window.location.pathname.split('/')[2]
+      const wallet = window.location.hash.split('/')[2]
 
       this.setState({
         wallet,
@@ -349,7 +349,7 @@ export default class Display extends Component {
       }
       this.onReady()
     } else {
-      let res = await fetchSubjkts(decodeURI(window.location.pathname.split('/')[1]))
+      let res = await fetchSubjkts(decodeURI(window.location.hash.split('/')[1]))
       // console.log(decodeURI(window.location.pathname.split('/')[1]))
       console.log(res)
       if (res[0].metadata_file) {
@@ -362,7 +362,7 @@ export default class Display extends Component {
         this.setState({
           wallet: res[0].address,
           walletPreview: walletPreview(res[0].address),
-          subjkt: window.location.pathname.split('/')[1]
+          subjkt: window.location.hash.split('/')[1]
         })
         let resTz = await fetchTz(this.state.wallet)
         console.log(resTz)