Add a popstate handler

Add history state for back/forward navigation.
zooniverse · Mar 30, 2022 · c6fe331 · c6fe331
1 parent 3f5d08d
commit c6fe331
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/packages/lib-classifier/dev/components/App/App.js b/packages/lib-classifier/dev/components/App/App.js
@@ -25,12 +25,20 @@ class App extends React.Component {
   }
 
   componentDidMount () {
+    addEventListener('popstate', this.onPopState.bind(this))
     this.initAuthorization()
       .then(() => {
         this.fetchProject()
       })
   }
 
+  onPopState({ state }) {
+    const url = new URL(window.location)
+    const { searchParams } = url
+    const workflowID = searchParams.get('workflow')
+    this.setState({ workflowID })
+  }
+
   onError (error, info) {
     console.error(error)
   }
@@ -125,7 +133,7 @@ class App extends React.Component {
     } else {
       newParams.set('workflow', workflowID)
     }
-    history.pushState(null, '', `/?${newParams.toString()}`)
+    history.pushState({ workflowID }, '', `/?${newParams.toString()}`)
   }
 
   toggleTheme () {