feat: Add enhanced analytics dashboard with advanced visualizations
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

- Created EnhancedInsightsDashboard with multiple chart types:
  - Area charts with gradients for activity trends
  - Radar chart for weekly activity patterns
  - 24-hour heatmap visualization
  - Bubble/scatter chart for correlations
  - Time of day distribution bar chart
- Added toggle between basic and enhanced chart views
- Implemented chart export functionality (PNG/PDF)
- Fixed API endpoint URLs (circadian-rhythm, query params)
- Fixed component library conflicts (shadcn/ui → MUI)
- Added comprehensive null safety for timestamp handling
- Added alert type translations in all 5 languages
- Installed html2canvas and jspdf for export features
- Applied consistent minimum width styling to all charts

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-10-06 13:17:20 +00:00
parent b0ac2f71df
commit 19e50a3b75
13 changed files with 1317 additions and 223 deletions

View File

@@ -397,7 +397,7 @@ export const analyticsApi = {
// Get circadian rhythm analysis
getCircadianRhythm: async (childId: string, days: number = 14): Promise<CircadianRhythm> => {
const response = await apiClient.get(`/api/v1/analytics/advanced/circadian/${childId}`, {
const response = await apiClient.get(`/api/v1/analytics/advanced/circadian-rhythm/${childId}`, {
params: { days },
});
return response.data.data;
@@ -443,7 +443,7 @@ export const analyticsApi = {
// Get trend analysis
getTrends: async (childId: string, activityType: string): Promise<TrendAnalysis> => {
const response = await apiClient.get(`/api/v1/analytics/advanced/trends/${childId}`, {
params: { activityType },
params: { type: activityType },
});
const data = response.data.data;