Scroll to top on page change, fix estimate to pass

src/components/Main.js

@@ -1,18 +1,10 @@
-import React, { useCallback, useEffect } from 'react'
+import React from 'react'
 import { Main } from '@aragon/ui'
 import { useAppState } from '../providers/AppState'
 
 export default function MainWrapper({ children }) {
   const { appearance } = useAppState()
 
-  const scrollTop = useCallback(() => window.scrollTo(0, 0), [])
-
-  useEffect(() => {
-    window.addEventListener('beforeunload', scrollTop)
-
-    return () => window.removeEventListener('beforeunload', scrollTop)
-  }, [scrollTop])
-
   return (
     <Main assetsUrl="./aragon-ui/" layout={false} theme={appearance}>
       {children}

src/components/MainView.js

@@ -24,7 +24,7 @@ function MainView({ children }) {
       position: relative;
       z-index: 100;
       width: 100%;
-      height: 100vh;
+      min-height: 100vh;
       background: no-repeat center/170px url(/splash_1.svg),
                 linear-gradient(289.78deg, #01E8F7 18.35%, #00C2FF 80.68%); !important
 

src/components/ProposalsView.js

@@ -18,7 +18,7 @@ import IdentityBadge from './IdentityBadge'
 import { Amount } from '../screens/ProposalDetail'
 import { ZERO_ADDR } from '../constants'
 
-const PROPOSALS_PER_PAGE = 5
+const PROPOSALS_PER_PAGE = 10
 
 function ProposalsView({ proposals, requestToken }) {
   const [page, setPage] = useState(0)

src/components/ScrollTop.js

@@ -0,0 +1,13 @@
+import { useEffect } from 'react'
+import { useLocation } from 'react-router-dom'
+
+export default function ScrollToTop() {
+  const { pathname } = useLocation()
+
+  useEffect(() => {
+    document.querySelector('body').scrollY = 0
+    window.scrollY = 0
+  }, [pathname])
+
+  return null
+}

src/hooks/useBlock.js

@@ -5,7 +5,7 @@ import { useWallet } from '../providers/Wallet'
 import { getNetwork } from '../networks'
 
 const NETWORK_TIMES = new Map([
-  ['main', 13],
+  ['mainnet', 13],
   ['kovan', 4],
   ['rinkeby', 14],
   ['ropsten', 11],

src/index.js

@@ -7,6 +7,7 @@ import * as Sentry from '@sentry/browser'
 import App from './App'
 import Main from './components/Main'
 import MainView from './components/MainView'
+import ScrollTop from './components/ScrollTop'
 import { WalletProvider } from './providers/Wallet'
 import { AppStateProvider } from './providers/AppState'
 import env from './environment'
@@ -24,6 +25,7 @@ ReactDOM.render(
     <AppStateProvider>
       <ViewportProvider>
         <HashRouter>
+          <ScrollTop />
           <Main>
             <MainView>
               <App />