Store scroll position and page

[seallard]

To enable the user to get back to the correct page/scroll position, we need to store it in a global state (local storage or redux). This state will have to be read when a tab is loaded and set the page/scroll position accordingly.

Store analyses and orders page/scroll position separately.

[seallard]

Alternatively use https://reactrouter.com/en/main/components/scroll-restoration

[moedarrah]

• We are using Tabs for navigating between workflows, which is why clicking the back button always returns us to the Homepage. To enable the functionality of the back button, we need to add routes to the Tabs.

• ScrollRestoration has a few limitations:

  1. It is exclusive to React Router versions 6 and above. There are a few deprecated features to consider when upgrading to V6. (useHistory, exact)
  2. Nested routes are not supported, (need to test it)

• The scroll position can be saved either in local storage or within the global state.

[moedarrah]

Done!