fix: mf-5262 dsearch missing worker (#10780)

DimensionDev · Sep 18, 2023 · ed5fef8 · ed5fef8
1 parent 3f4aeae
commit ed5fef8
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 11 deletions.
diff --git a/packages/plugins/Trader/src/SiteAdaptor/index.tsx b/packages/plugins/Trader/src/SiteAdaptor/index.tsx
@@ -27,7 +27,7 @@ const site: Plugin.SiteAdaptor.Definition = {
     SearchResultInspector: {
         ID: PluginID.Trader,
         UI: {
-            Content({ currentResult, resultList, isProfilePage, identity }) {
+            Content: function TraderSearchResultContent({ currentResult, resultList, isProfilePage, identity }) {
                 if (!resultList.length || !currentResult) return null
                 const { chainId, keyword, pluginID } = currentResult
                 return (

diff --git a/packages/plugins/Trader/src/Worker/index.ts b/packages/plugins/Trader/src/Worker/index.ts
@@ -0,0 +1,9 @@
+import type { Plugin } from '@masknet/plugin-infra'
+import { base } from '../base.js'
+import '../messages.js'
+
+const worker: Plugin.Worker.Definition = {
+    ...base,
+    init(signal) {},
+}
+export default worker
diff --git a/packages/plugins/Trader/src/register.ts b/packages/plugins/Trader/src/register.ts
@@ -13,4 +13,8 @@ registerPlugin({
         hotModuleReload: (hot) =>
             import.meta.webpackHot?.accept('./Dashboard', () => hot(import('./Dashboard/index.js'))),
     },
+    Worker: {
+        load: () => import('./Worker/index.js'),
+        hotModuleReload: (hot) => import.meta.webpackHot?.accept('./Worker', () => hot(import('./Worker/index.js'))),
+    },
 })
diff --git a/packages/plugins/Trader/src/trending/useTrending.ts b/packages/plugins/Trader/src/trending/useTrending.ts
@@ -10,6 +10,7 @@ import type { TrendingAPI } from '@masknet/web3-providers/types'
 import { TokenType, type NonFungibleTokenActivity } from '@masknet/web3-shared-base'
 import type { ChainId } from '@masknet/web3-shared-evm'
 import { PluginTraderRPC } from '../messages.js'
+import { useQuery } from '@tanstack/react-query'
 
 export function useNFT_TrendingOverview(
     pluginID: NetworkPluginID,
@@ -71,19 +72,22 @@ export function useTrendingById(
     const currency = trending.getCurrency(result.chainId, result.source)
 
     const {
-        value: coinTrending,
-        loading,
+        isLoading,
+        data: coinTrending,
         error,
-    } = useAsync(async () => {
-        if (!currency || !result.source) return null
-        return PluginTraderRPC.getCoinTrending(result, currency)
-    }, [chainId, JSON.stringify(result), currency?.id])
+    } = useQuery({
+        queryKey: ['get-coin-trending', result, currency?.id],
+        queryFn: async () => {
+            if (!currency || !result.source) return null
+            return PluginTraderRPC.getCoinTrending(result, currency)
+        },
+    })
 
     const { data: detailedToken } = useFungibleToken(result.pluginID, coinTrending?.coin.contract_address, undefined, {
         chainId: coinTrending?.coin.chainId as ChainId,
     })
 
-    if (loading) {
+    if (isLoading) {
         return {
             loading: true,
         }
@@ -92,7 +96,7 @@ export function useTrendingById(
     if (error) {
         return {
             loading: false,
-            error,
+            error: error as Error,
         }
     }
 
@@ -116,8 +120,7 @@ export function useTrendingById(
                   }
                 : null,
         },
-        loading,
-        error,
+        loading: isLoading,
     }
 }