refactor: remove useInitApp

Magickbase · Nov 3, 2023 · 4c6133b · 4c6133b
1 parent 14e339d
commit 4c6133b
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 35 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -3,7 +3,6 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import { DefaultTheme, ThemeProvider } from 'styled-components'
 import Routers from './routes'
 import Toast from './components/Toast'
-import useInitApp from './contexts/providers/hook'
 import { isMainnet } from './utils/chain'
 import { DASQueryContextProvider } from './contexts/providers/dasQuery'
 import { getPrimaryColor, getSecondaryColor } from './constants/common'
@@ -17,7 +16,6 @@ const appStyle = {
 const queryClient = new QueryClient()
 
 const App = () => {
-  useInitApp()
   const theme = useMemo<DefaultTheme>(
     () => ({
       primary: getPrimaryColor(),

diff --git a/src/contexts/providers/hook.ts b/src/contexts/providers/hook.ts
diff --git a/src/service/app/charts/cache.ts b/src/service/app/charts/cache.ts
diff --git a/src/services/ExplorerService/index.ts b/src/services/ExplorerService/index.ts
@@ -1,7 +1,12 @@
 import { BehaviorSubject, Subscription, map, switchMap, timer } from 'rxjs'
-import { BLOCKCHAIN_ALERT_POLLING_TIME, BLOCK_POLLING_TIME } from '../../constants/common'
+import {
+  BLOCKCHAIN_ALERT_POLLING_TIME,
+  BLOCK_POLLING_TIME,
+  FLUSH_CHART_CACHE_POLLING_TIME,
+} from '../../constants/common'
 import { APIReturn, apiFetcher } from './fetcher'
 import { networkErrMsgs$ } from './requester'
+import { CacheService, cacheService } from '../CacheService'
 
 const initStatistics: APIReturn<'fetchStatistics'> = {
   tipBlockNumber: '0',
@@ -39,7 +44,7 @@ class ExplorerService {
 
   private callbacksAtStop?: Subscription
 
-  constructor() {
+  constructor(private cacheService: CacheService) {
     this.start()
   }
 
@@ -68,14 +73,27 @@ class ExplorerService {
         )
         .subscribe(this.blockchainAlerts$),
     )
+
+    this.callbacksAtStop.add(
+      timer(0, FLUSH_CHART_CACHE_POLLING_TIME)
+        .pipe(
+          switchMap(this.api.fetchFlushChartCache),
+          map(({ flushCacheInfo }) => {
+            if (flushCacheInfo.length === 0) return
+
+            this.cacheService.clear()
+          }),
+        )
+        .subscribe(),
+    )
   }
 
   stop() {
     this.callbacksAtStop?.unsubscribe()
   }
 }
 
-export const explorerService = new ExplorerService()
+export const explorerService = new ExplorerService(cacheService)
 
 export * from './hooks'
 export * from './types'