fix: fetchAppWithTags may return empty when apps is over 100 (#23350)

web/app/(commonLayout)/app/(appDetailLayout)/[appId]/layout-main.tsx

@@ -20,7 +20,7 @@ import cn from '@/utils/classnames'
 import { useStore } from '@/app/components/app/store'
 import AppSideBar from '@/app/components/app-sidebar'
 import type { NavIcon } from '@/app/components/app-sidebar/navLink'
-import { fetchAppDetail, fetchAppWithTags } from '@/service/apps'
+import { fetchAppDetailDirect } from '@/service/apps'
 import { useAppContext } from '@/context/app-context'
 import Loading from '@/app/components/base/loading'
 import useBreakpoints, { MediaType } from '@/hooks/use-breakpoints'
@@ -118,17 +118,7 @@ const AppDetailLayout: FC<IAppDetailLayoutProps> = (props) => {
   useEffect(() => {
     setAppDetail()
     setIsLoadingAppDetail(true)
-    fetchAppDetail({ url: '/apps', id: appId }).then(async (res) => {
-      if (!res.tags || res.tags.length === 0) {
-        try {
-          const appWithTags = await fetchAppWithTags(appId)
-          if (appWithTags?.tags)
-            res.tags = appWithTags.tags
-        }
- catch (error) {
-          // Fallback failed, continue with empty tags
-        }
-      }
+    fetchAppDetailDirect({ url: '/apps', id: appId }).then((res: App) => {
       setAppDetailRes(res)
     }).catch((e: any) => {
       if (e.status === 404)

web/service/apps.ts

@@ -9,7 +9,12 @@ export const fetchAppList: Fetcher<AppListResponse, { url: string; params?: Reco
   return get<AppListResponse>(url, { params })
 }
 
-export const fetchAppDetail = ({ url, id }: { url: string; id: string }) => {
+export const fetchAppDetail: Fetcher<AppDetailResponse, { url: string; id: string }> = ({ url, id }) => {
+  return get<AppDetailResponse>(`${url}/${id}`)
+}
+
+// Direct API call function for non-SWR usage
+export const fetchAppDetailDirect = async ({ url, id }: { url: string; id: string }): Promise<AppDetailResponse> => {
   return get<AppDetailResponse>(`${url}/${id}`)
 }
 
@@ -60,21 +65,6 @@ export const deleteApp: Fetcher<CommonResponse, string> = (appID) => {
   return del<CommonResponse>(`apps/${appID}`)
 }
 
-export const fetchAppWithTags = async (appID: string) => {
-  try {
-    const appListResponse = await fetchAppList({
-      url: '/apps',
-      params: { page: 1, limit: 100 },
-    })
-    const appWithTags = appListResponse.data.find(app => app.id === appID)
-    return appWithTags || null
-  }
- catch (error) {
-    console.warn('Failed to fetch app with tags:', error)
-    return null
-  }
-}
-
 export const updateAppSiteStatus: Fetcher<AppDetailResponse, { url: string; body: Record<string, any> }> = ({ url, body }) => {
   return post<AppDetailResponse>(url, { body })
 }