feat: add TTS statistics to DashboardPage and StatisticsGrid components

src/pages/DashboardPage.tsx

@@ -19,6 +19,13 @@ interface TrackStatistics {
   total_size: number
 }
 
+interface TTSStatistics {
+  sound_count: number
+  total_play_count: number
+  total_duration: number
+  total_size: number
+}
+
 interface TopSound {
   id: number
   name: string
@@ -33,6 +40,8 @@ export function DashboardPage() {
     useState<SoundboardStatistics | null>(null)
   const [trackStatistics, setTrackStatistics] =
     useState<TrackStatistics | null>(null)
+  const [ttsStatistics, setTtsStatistics] =
+    useState<TTSStatistics | null>(null)
   const [loading, setLoading] = useState(true)
   const [error, setError] = useState<string | null>(null)
 
@@ -74,6 +83,19 @@ export function DashboardPage() {
       const trackData = await trackResponse.json()
       setTrackStatistics(trackData)
 
+      // Fetch TTS statistics separately to avoid Promise.all failures
+      const ttsResponse = await fetch('/api/v1/dashboard/tts-statistics', {
+        credentials: 'include'
+      })
+
+      if (!ttsResponse.ok) {
+        const errorText = await ttsResponse.text()
+        throw new Error(`Failed to fetch TTS statistics: ${errorText}`)
+      }
+
+      const ttsData = await ttsResponse.json()
+      setTtsStatistics(ttsData)
+
     } catch (err) {
       console.error('Dashboard statistics error:', err)
       setError(err instanceof Error ? err.message : 'An error occurred')
@@ -174,13 +196,13 @@ export function DashboardPage() {
   useEffect(() => {
     const interval = setInterval(() => {
       // Only auto-refresh if not currently loading or in error state
-      if (!loading && !refreshing && (!error || (soundboardStatistics && trackStatistics))) {
+      if (!loading && !refreshing && (!error || (soundboardStatistics && trackStatistics && ttsStatistics))) {
         refreshAll()
       }
     }, 30000) // Increased to 30 seconds
 
     return () => clearInterval(interval)
-  }, [refreshAll, loading, refreshing, error, soundboardStatistics, trackStatistics])
+  }, [refreshAll, loading, refreshing, error, soundboardStatistics, trackStatistics, ttsStatistics])
 
   useEffect(() => {
     fetchTopSounds(true) // Show loading on initial load and filter changes
@@ -190,7 +212,7 @@ export function DashboardPage() {
     return <LoadingSkeleton />
   }
 
-  if (error && (!soundboardStatistics || !trackStatistics)) {
+  if (error && (!soundboardStatistics || !trackStatistics || !ttsStatistics)) {
     return <ErrorState error={error} onRetry={retryFromError} />
   }
 
@@ -204,10 +226,11 @@ export function DashboardPage() {
         <DashboardHeader onRefresh={refreshAll} isRefreshing={refreshing} />
         
         <div className="space-y-6">
-          {soundboardStatistics && trackStatistics && (
+          {soundboardStatistics && trackStatistics && ttsStatistics && (
             <StatisticsGrid
               soundboardStatistics={soundboardStatistics}
               trackStatistics={trackStatistics}
+              ttsStatistics={ttsStatistics}
             />
           )}