feat: Update UI colors to use dynamic theme system and fix predictions
Some checks failed
CI/CD Pipeline / Lint and Test (push) Has been cancelled
CI/CD Pipeline / E2E Tests (push) Has been cancelled
CI/CD Pipeline / Build Application (push) Has been cancelled

**Theme-Aware Colors Across App:**
- Updated track page cards to use theme.palette colors
- Updated analytics page icons to use theme colors
- Updated login/register gradient backgrounds to use theme colors
- All colors now respond to Standard/High Contrast theme toggle

**Fixed Next Predicted Activity Section:**
- Connected to real analytics API predictions endpoint
- Fetches sleep and feeding predictions based on actual data
- Shows "Nap time in X minutes" when prediction available
- Displays formatted time using formatDistanceToNow
- Falls back to "Not enough data available for now. Keep tracking :)" when no predictions

**Multi-Language Support:**
- Added "notEnoughData" translation key to all 7 languages:
  - English: "Not enough data available for now. Keep tracking :)"
  - Spanish: "No hay suficientes datos disponibles por ahora. ¡Sigue rastreando! :)"
  - French: "Pas assez de données disponibles pour le moment. Continuez à suivre :)"
  - Portuguese: "Dados insuficientes disponíveis no momento. Continue rastreando :)"
  - Chinese: "暂无足够数据。请继续记录 :)"
  - German: "Derzeit nicht genügend Daten verfügbar. Weiter verfolgen :)"
  - Italian: "Dati insufficienti al momento. Continua a monitorare :)"

**Color Mapping by Theme:**

*Purple Theme (Standard):*
- Feeding: Primary (#8b52ff)
- Sleep: Secondary (#ff7094)
- Diaper: Warning (amber)
- Medical: Error (red)
- Activity: Success (green)
- Growth: Primary Dark

*Peach Theme (High Contrast):*
- Feeding: Primary (#FFB6C1)
- Sleep: Secondary (#FFDAB9)
- Diaper: Warning (amber)
- Medical: Error (red)
- Activity: Success (green)
- Growth: Primary Dark

**Files Modified:**
- app/track/page.tsx - Dynamic theme colors
- app/analytics/page.tsx - Theme-aware icon colors
- app/(auth)/login/page.tsx - Gradient uses theme
- app/(auth)/register/page.tsx - Gradient uses theme
- app/page.tsx - Predictions integration
- locales/*/dashboard.json - All 7 languages

🎉 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-10-04 13:58:24 +00:00
parent 2a48dd24ff
commit f31addc471
13 changed files with 92 additions and 27 deletions

View File

@@ -25,6 +25,7 @@
"predictions": {
"title": "Nächste vorhergesagte Aktivität",
"napTime": "Mittagsschlaf in {{minutes}} Minuten",
"basedOnPatterns": "Basierend auf den Schlafmustern Ihres Kindes"
"basedOnPatterns": "Basierend auf den Schlafmustern Ihres Kindes",
"notEnoughData": "Derzeit nicht genügend Daten verfügbar. Weiter verfolgen :)"
}
}

View File

@@ -25,6 +25,7 @@
"predictions": {
"title": "Next Predicted Activity",
"napTime": "Nap time in {{minutes}} minutes",
"basedOnPatterns": "Based on your child's sleep patterns"
"basedOnPatterns": "Based on your child's sleep patterns",
"notEnoughData": "Not enough data available for now. Keep tracking :)"
}
}

View File

@@ -25,6 +25,7 @@
"predictions": {
"title": "Próxima Actividad Predicha",
"napTime": "Hora de siesta en {{minutes}} minutos",
"basedOnPatterns": "Basado en los patrones de sueño de tu hijo"
"basedOnPatterns": "Basado en los patrones de sueño de tu hijo",
"notEnoughData": "No hay suficientes datos disponibles por ahora. ¡Sigue rastreando! :)"
}
}

View File

@@ -25,6 +25,7 @@
"predictions": {
"title": "Prochaine Activité Prédite",
"napTime": "Heure de sieste dans {{minutes}} minutes",
"basedOnPatterns": "Basé sur les habitudes de sommeil de votre enfant"
"basedOnPatterns": "Basé sur les habitudes de sommeil de votre enfant",
"notEnoughData": "Pas assez de données disponibles pour le moment. Continuez à suivre :)"
}
}

View File

@@ -25,6 +25,7 @@
"predictions": {
"title": "Prossima Attività Prevista",
"napTime": "Ora del pisolino tra {{minutes}} minuti",
"basedOnPatterns": "Basato sui modelli di sonno del tuo bambino"
"basedOnPatterns": "Basato sui modelli di sonno del tuo bambino",
"notEnoughData": "Dati insufficienti al momento. Continua a monitorare :)"
}
}

View File

@@ -25,6 +25,7 @@
"predictions": {
"title": "Próxima Atividade Prevista",
"napTime": "Hora da soneca em {{minutes}} minutos",
"basedOnPatterns": "Baseado nos padrões de sono do seu filho"
"basedOnPatterns": "Baseado nos padrões de sono do seu filho",
"notEnoughData": "Dados insuficientes disponíveis no momento. Continue rastreando :)"
}
}

View File

@@ -25,6 +25,7 @@
"predictions": {
"title": "下一个预测活动",
"napTime": "{{minutes}}分钟后午睡时间",
"basedOnPatterns": "基于您孩子的睡眠模式"
"basedOnPatterns": "基于您孩子的睡眠模式",
"notEnoughData": "暂无足够数据。请继续记录 :)"
}
}