競賽資訊完整版 ( 只剩評分、競賽得獎 )

components/app-detail-dialog.tsx

@@ -39,6 +39,11 @@ import {
   Trophy,
   Award,
   Medal,
+  Bot,
+  Code,
+  Database,
+  Palette,
+  Volume2,
 } from "lucide-react"
 import { FavoriteButton } from "./favorite-button"
 import { ReviewSystem } from "./reviews/review-system"
@@ -48,15 +53,21 @@ interface AppDetailDialogProps {
   open: boolean
   onOpenChange: (open: boolean) => void
   app: {
-    id: number
+    id: string
     name: string
     type: string
     department: string
     description: string
     icon: any
+    iconColor?: string
     creator: string
     featured: boolean
     judgeScore: number
+    likesCount?: number
+    viewsCount?: number
+    rating?: number
+    reviewsCount?: number
+    createdAt?: string
   }
 }
 
@@ -112,11 +123,17 @@ export function AppDetailDialog({ open, onOpenChange, app }: AppDetailDialogProp
   // 圖標映射函數
   const getIconComponent = (iconName: string) => {
     const iconMap: { [key: string]: any } = {
-      'Bot': Brain,
-      'ImageIcon': ImageIcon,
+      'Brain': Brain,
+      'Bot': Bot,
+      'Code': Code,
+      'Database': Database,
+      'Palette': Palette,
+      'Volume2': Volume2,
+      'Search': Search,
+      'BarChart3': BarChart3,
       'Mic': Mic,
+      'ImageIcon': ImageIcon,
       'MessageSquare': MessageSquare,
-      'Settings': Settings,
       'Zap': Zap,
       'TrendingUp': TrendingUp,
       'Star': Star,
@@ -128,21 +145,23 @@ export function AppDetailDialog({ open, onOpenChange, app }: AppDetailDialogProp
       'Target': Target,
       'Users': Users,
       'Lightbulb': Lightbulb,
-      'Search': Search,
       'Plus': Plus,
       'X': X,
       'ChevronLeft': ChevronLeft,
       'ChevronRight': ChevronRight,
-      'ArrowLeft': ArrowLeft
+      'ArrowLeft': ArrowLeft,
+      'Settings': Settings
     }
     return iconMap[iconName] || Brain // 預設使用 Brain 圖標
   }
 
   const IconComponent = getIconComponent(app.icon || 'Bot')
-  const likes = (app as any).likesCount || 0
-  const views = (app as any).viewsCount || 0
-  const rating = (app as any).rating || 0
-  const reviewsCount = (app as any).reviewsCount || 0
+  // 優先使用從 API 載入的實際數據，如果沒有則使用 app 對象的數據
+  const likes = appStats.basic?.likes || (app as any).likesCount || 0
+  const views = appStats.basic?.views || (app as any).viewsCount || 0
+  const rating = appStats.basic?.rating || (app as any).rating || 0
+  const reviewsCount = appStats.basic?.reviewCount || (app as any).reviewsCount || 0
+  const favorites = appStats.basic?.favorites || 0
   // 使用從 API 載入的實際數據
   const usageStats = appStats.usage
 
@@ -169,13 +188,27 @@ export function AppDetailDialog({ open, onOpenChange, app }: AppDetailDialogProp
       if (department) params.append('department', department)
       
       const url = `/api/apps/${app.id}/stats${params.toString() ? `?${params.toString()}` : ''}`
+      console.log('🔍 調用統計 API:', url)
+      console.log('🔍 應用 ID:', app.id)
+      
       const response = await fetch(url)
+      console.log('🔍 API 響應狀態:', response.status, response.statusText)
+      
+      if (!response.ok) {
+        console.error('❌ API 響應錯誤:', response.status, response.statusText)
+        return
+      }
+      
       const data = await response.json()
+      console.log('🔍 API 響應數據:', data)
       
       if (data.success) {
+        console.log('📊 應用統計數據加載成功:', data.data)
         setAppStats(data.data)
         setCurrentRating(data.data.basic.rating)
         setReviewCount(data.data.basic.reviewCount)
+      } else {
+        console.error('❌ 應用統計數據加載失敗:', data)
       }
     } catch (error) {
       console.error('載入應用統計數據錯誤:', error)
@@ -489,7 +522,7 @@ export function AppDetailDialog({ open, onOpenChange, app }: AppDetailDialogProp
                 </CardHeader>
                 <CardContent>
                   <div className="text-2xl font-bold text-purple-600">
-                    {isLoadingStats ? '...' : (appStats.basic as any).favorites || 0}
+                    {isLoadingStats ? '...' : favorites}
                   </div>
                   <p className="text-xs text-muted-foreground">用戶收藏數量</p>
                 </CardContent>