feat(evm,chain): add auto-reload when passing hardforks

Author: david-sun-venus

apps/evm/src/App/index.tsx

@@ -1,13 +1,12 @@
-import { opBnbTestnetFourierForkTimestamp } from '@venusprotocol/chains';
-
 import { QueryClientProvider } from '@tanstack/react-query';
 import { queryClient } from 'clients/api';
 import config from 'config';
+import { useChain } from 'hooks/useChain';
 import { AnalyticProvider } from 'libs/analytics';
 import { ErrorBoundary } from 'libs/errors';
 import { SentryErrorInfo } from 'libs/errors/SentryErrorInfo';
 import { Web3Wrapper } from 'libs/wallet';
-import { Suspense } from 'react';
+import { Suspense, useMemo } from 'react';
 import { Helmet } from 'react-helmet';
 import { HashRouter } from 'react-router';
 import { safeLazyLoad } from 'utilities';
@@ -22,61 +21,65 @@ const GaslessChecker = safeLazyLoad(() => import('containers/GaslessChecker'));
 const ResendPayingGasModal = safeLazyLoad(() => import('containers/ResendPayingGasModal'));
 const ImportPositionsModal = safeLazyLoad(() => import('containers/ImportPositionsModal'));
 
-const App = () => (
-  <>
-    {
-      // Only index production with search engines
-      config.environment !== 'production' && (
-        <Helmet>
-          <meta name="robots" content="noindex" />
-        </Helmet>
-      )
-    }
+const App = () => {
+  const { hardforks } = useChain();
+  const upgradeTimestamps = useMemo(
+    () => hardforks?.map(hardfork => new Date(hardfork.startTimestamp)) ?? [],
+    [hardforks],
+  );
+
+  return (
+    <>
+      {
+        // Only index production with search engines
+        config.environment !== 'production' && (
+          <Helmet>
+            <meta name="robots" content="noindex" />
+          </Helmet>
+        )
+      }
 
-    <HashRouter>
-      <MuiThemeProvider>
-        <QueryClientProvider client={queryClient}>
-          <ErrorBoundary>
-            <Web3Wrapper>
-              <AnalyticProvider>
-                <Routes />
+      <HashRouter>
+        <MuiThemeProvider>
+          <QueryClientProvider client={queryClient}>
+            <ErrorBoundary>
+              <Web3Wrapper>
+                <AnalyticProvider>
+                  <Routes />
 
-                <Suspense>
-                  <NotificationCenter />
-                </Suspense>
+                  <Suspense>
+                    <NotificationCenter />
+                  </Suspense>
 
-                <Suspense>
-                  <AppVersionChecker />
-                </Suspense>
+                  <Suspense>
+                    <AppVersionChecker />
+                  </Suspense>
 
-                <Suspense>
-                  <GaslessChecker />
-                </Suspense>
+                  <Suspense>
+                    <GaslessChecker />
+                  </Suspense>
 
-                <Suspense>
-                  <ResendPayingGasModal />
-                </Suspense>
+                  <Suspense>
+                    <ResendPayingGasModal />
+                  </Suspense>
 
-                <Suspense>
-                  <ImportPositionsModal />
-                </Suspense>
+                  <Suspense>
+                    <ImportPositionsModal />
+                  </Suspense>
 
-                <ThemeHandler />
+                  <ThemeHandler />
 
-                <ChainUpgradeHandler
-                  upgradeTimestamps={
-                    config.network === 'testnet' ? [opBnbTestnetFourierForkTimestamp] : []
-                  }
-                />
+                  <ChainUpgradeHandler upgradeTimestamps={upgradeTimestamps} />
 
-                <SentryErrorInfo />
-              </AnalyticProvider>
-            </Web3Wrapper>
-          </ErrorBoundary>
-        </QueryClientProvider>
-      </MuiThemeProvider>
-    </HashRouter>
-  </>
-);
+                  <SentryErrorInfo />
+                </AnalyticProvider>
+              </Web3Wrapper>
+            </ErrorBoundary>
+          </QueryClientProvider>
+        </MuiThemeProvider>
+      </HashRouter>
+    </>
+  );
+};
 
 export default App;

packages/chains/src/chains/chainMetadata/index.ts

@@ -2,8 +2,6 @@ import { iconSrcs } from '../../generated/manifests/chainIcons';
 import { bnb, eth } from '../../tokens/nativeTokens';
 import { type Chain, ChainId } from '../../types';
 
-export const opBnbTestnetFourierForkTimestamp = new Date('2025-11-06T03:00:00Z');
-
 export const chains: Record<ChainId, Chain> = {
   [ChainId.BSC_MAINNET]: {
     name: 'BNB Chain',