From 3cf4cd62f83993717f807f1b16f34e343f698ef9 Mon Sep 17 00:00:00 2001
From: shuai <lishuailing@sifou.com>
Date: Wed, 25 Sep 2024 12:15:16 +0800
Subject: [PATCH] fix: badge detail params change

---
 ui/src/pages/Badges/Detail/index.tsx |  2 +-
 ui/src/services/client/badges.ts     | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/ui/src/pages/Badges/Detail/index.tsx b/ui/src/pages/Badges/Detail/index.tsx
index c5713e2bc..b5daccaad 100644
--- a/ui/src/pages/Badges/Detail/index.tsx
+++ b/ui/src/pages/Badges/Detail/index.tsx
@@ -44,7 +44,7 @@ const Index = () => {
   const { data: badgeInfo, isLoading: isHeaderLoading } =
     useGetBadgeInfo(badge_id);
   const { data: badges, isLoading: isDetailLoading } = useBadgeDetailList({
-    badge_id,
+    badge_id: badgeInfo?.id || '',
     page,
     page_size: pageSize,
     username: urlSearchParams.get('username') || null,
diff --git a/ui/src/services/client/badges.ts b/ui/src/services/client/badges.ts
index e1617aabf..bc5c97bd6 100644
--- a/ui/src/services/client/badges.ts
+++ b/ui/src/services/client/badges.ts
@@ -54,11 +54,13 @@ export const useGetBadgeInfo = (id: string) => {
 };
 
 export const useBadgeDetailList = (params: Type.BadgeDetailListReq) => {
-  if (!params.badge_id) return { data: null, isLoading: false, error: null };
+  const path = params.badge_id
+    ? `/answer/api/v1/badge/awards/page?${qs.stringify(params, {
+        skipNulls: true,
+      })}`
+    : null;
   const { data, error, mutate } = useSWR<Type.BadgeDetailListRes, Error>(
-    `/answer/api/v1/badge/awards/page?${qs.stringify(params, {
-      skipNulls: true,
-    })}`,
+    path,
     (url) =>
       request.get(url, {
         allow404: true,