temp fix to scroll to top on navigate

src/ui/component/app/view.jsx

@@ -70,14 +70,14 @@ class App extends React.PureComponent<Props> {
     return (
       <div id="window" onContextMenu={e => openContextMenu(e)}>
         <Header />
-        <main className="page">
+        <section className="page">
           {enhancedLayout && <Yrbl className="yrbl--enhanced" />}
           <SideBar />
           <div className="content" id="content">
             <Router />
             <ModalRouter />
           </div>
-        </main>
+        </section>
       </div>
     );
   }

src/ui/component/router/view.jsx

@@ -1,5 +1,5 @@
 import * as PAGES from 'constants/pages';
-import React from 'react';
+import React, { useEffect } from 'react';
 import { Router } from '@reach/router';
 import SettingsPage from 'page/settings';
 import HelpPage from 'page/help';
@@ -21,9 +21,23 @@ import UserHistoryPage from 'page/userHistory';
 import SendCreditsPage from 'page/sendCredits';
 import NavigationHistory from 'page/navigationHistory';
 
-export default function AppRouter(props) {
+const ScrollHandler = props => {
+  const { key } = props.location;
+
+  useEffect(() => {
+    // This shouldn't scroll to top when you click "back"
+    // Might take some more work but fixes scroll position being stuck on navigation for now
+    const main = document.querySelector('main');
+    main.scrollIntoView();
+  }, [key]);
+
+  return props.children;
+};
+
+export default function AppRouter() {
   return (
     <Router>
+      <ScrollHandler path="/">
         <DiscoverPage path="/" />
         <ShowPage path="/:claimName/:claimId" />
         <ShowPage path="/:claimName" />
@@ -46,6 +60,7 @@ export default function AppRouter(props) {
         <SendCreditsPage path={`$/${PAGES.SEND}`} />
         <UserHistoryPage path={`$/${PAGES.HISTORY}`} />
         <NavigationHistory path={`$/${PAGES.HISTORY}/all`} />
+      </ScrollHandler>
     </Router>
   );
 }