feat: Unify insights and predictions in /insights page with tabs
Changes: - Created UnifiedInsightsDashboard component with 2 tabs - Tab 1: Insights - Shows existing charts, stats, and recent activities - Tab 2: Predictions - Shows AI-powered predictions for next activities - Growth Spurt Alert appears at the top when detected - Child selector for families with multiple children - Clean tab navigation with Timeline and TrendingUp icons Features Now Accessible from /insights: ✅ Growth Spurt Detection (appears as alert banner) ✅ Pattern Analysis (feeding, sleep, diaper trends) ✅ AI Predictions (next feeding time, sleep duration, etc.) ✅ Charts and visualizations ✅ Recent activities timeline User Experience: - Single page access from bottom navigation (Insights icon) - No need for separate /analytics page - All smart AI features visible in one place - Tab switching for different views Files Changed: - app/insights/page.tsx - Updated to use UnifiedInsightsDashboard - components/features/analytics/UnifiedInsightsDashboard.tsx (new) * Manages state for both tabs * Loads insights and predictions data * Renders Growth Spurt Alert * Tab navigation UI 🎯 Result: Users can now easily see all AI insights and predictions from the Insights menu item in bottom navigation! Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -5,10 +5,10 @@ import { AppShell } from '@/components/layouts/AppShell/AppShell';
|
||||
import { ProtectedRoute } from '@/components/common/ProtectedRoute';
|
||||
import { LoadingFallback } from '@/components/common/LoadingFallback';
|
||||
|
||||
// Lazy load the insights dashboard component
|
||||
const InsightsDashboard = lazy(() =>
|
||||
import('@/components/features/analytics/InsightsDashboard').then((mod) => ({
|
||||
default: mod.InsightsDashboard,
|
||||
// Lazy load the unified insights dashboard component with tabs
|
||||
const UnifiedInsightsDashboard = lazy(() =>
|
||||
import('@/components/features/analytics/UnifiedInsightsDashboard').then((mod) => ({
|
||||
default: mod.UnifiedInsightsDashboard,
|
||||
}))
|
||||
);
|
||||
|
||||
@@ -17,7 +17,7 @@ export default function InsightsPage() {
|
||||
<ProtectedRoute>
|
||||
<AppShell>
|
||||
<Suspense fallback={<LoadingFallback variant="page" />}>
|
||||
<InsightsDashboard />
|
||||
<UnifiedInsightsDashboard />
|
||||
</Suspense>
|
||||
</AppShell>
|
||||
</ProtectedRoute>
|
||||
|
||||
Reference in New Issue
Block a user