## Backend Changes - Update tracking.service.ts getDailySummary to calculate actual counts - Import ActivityType enum for proper type comparisons - Calculate feedingCount, sleepTotalMinutes, diaperCount, medicationCount - Sleep duration now correctly calculated from startedAt/endedAt timestamps ## Frontend API Changes - Add medicationCount to DailySummary interface - Extract endTime from metadata and send as endedAt to backend - Enables proper sleep duration tracking with start/end times ## Homepage Updates - Add Medicine and Activities quick action buttons - Update summary grid from 3 to 4 columns (responsive layout) - Add medication count display with MedicalServices icon - Improve grid responsiveness (xs=6, sm=3) - Replace Analytics button with Activities button ## New Activities Page - Create /activities page to show recent activity history - Display last 7 days of activities with color-coded icons - Show smart timestamps (Today/Yesterday/date format) - Activity-specific descriptions (feeding amount, sleep duration, etc.) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
113 lines
3.3 KiB
TypeScript
113 lines
3.3 KiB
TypeScript
import apiClient from './client';
|
|
|
|
export type ActivityType = 'feeding' | 'sleep' | 'diaper' | 'medication' | 'milestone' | 'note';
|
|
|
|
export interface Activity {
|
|
id: string;
|
|
childId: string;
|
|
type: ActivityType;
|
|
timestamp: string;
|
|
data: any;
|
|
notes?: string;
|
|
loggedBy: string;
|
|
createdAt: string;
|
|
}
|
|
|
|
export interface CreateActivityData {
|
|
type: ActivityType;
|
|
timestamp: string;
|
|
data: any;
|
|
notes?: string;
|
|
}
|
|
|
|
export interface UpdateActivityData extends Partial<CreateActivityData> {}
|
|
|
|
export interface DailySummary {
|
|
date: string;
|
|
feedingCount: number;
|
|
sleepTotalMinutes: number;
|
|
diaperCount: number;
|
|
medicationCount: number;
|
|
activities: Activity[];
|
|
}
|
|
|
|
export const trackingApi = {
|
|
// Get all activities for a child
|
|
getActivities: async (
|
|
childId: string,
|
|
type?: ActivityType,
|
|
startDate?: string,
|
|
endDate?: string
|
|
): Promise<Activity[]> => {
|
|
const params: any = { childId };
|
|
if (type) params.type = type;
|
|
if (startDate) params.startDate = startDate;
|
|
if (endDate) params.endDate = endDate;
|
|
|
|
const response = await apiClient.get('/api/v1/activities', { params });
|
|
// Transform backend response to frontend format
|
|
const activities = response.data.data.activities.map((activity: any) => ({
|
|
...activity,
|
|
timestamp: activity.startedAt, // Frontend expects timestamp
|
|
data: activity.metadata, // Frontend expects data
|
|
}));
|
|
return activities;
|
|
},
|
|
|
|
// Get a specific activity
|
|
getActivity: async (id: string): Promise<Activity> => {
|
|
const response = await apiClient.get(`/api/v1/activities/${id}`);
|
|
const activity = response.data.data.activity;
|
|
// Transform backend response to frontend format
|
|
return {
|
|
...activity,
|
|
timestamp: activity.startedAt,
|
|
data: activity.metadata,
|
|
};
|
|
},
|
|
|
|
// Create a new activity
|
|
createActivity: async (childId: string, data: CreateActivityData): Promise<Activity> => {
|
|
// Transform frontend data structure to backend DTO format
|
|
const payload: any = {
|
|
type: data.type,
|
|
startedAt: data.timestamp, // Backend expects startedAt, not timestamp
|
|
metadata: data.data, // Backend expects metadata, not data
|
|
notes: data.notes,
|
|
};
|
|
|
|
// Extract endTime from metadata and set as endedAt (for sleep tracking)
|
|
if (data.data?.endTime) {
|
|
payload.endedAt = data.data.endTime;
|
|
}
|
|
|
|
const response = await apiClient.post(`/api/v1/activities?childId=${childId}`, payload);
|
|
const activity = response.data.data.activity;
|
|
// Transform backend response to frontend format
|
|
return {
|
|
...activity,
|
|
timestamp: activity.startedAt,
|
|
data: activity.metadata,
|
|
};
|
|
},
|
|
|
|
// Update an activity
|
|
updateActivity: async (id: string, data: UpdateActivityData): Promise<Activity> => {
|
|
const response = await apiClient.patch(`/api/v1/activities/${id}`, data);
|
|
return response.data.data.activity;
|
|
},
|
|
|
|
// Delete an activity
|
|
deleteActivity: async (id: string): Promise<void> => {
|
|
await apiClient.delete(`/api/v1/activities/${id}`);
|
|
},
|
|
|
|
// Get daily summary
|
|
getDailySummary: async (childId: string, date: string): Promise<DailySummary> => {
|
|
const response = await apiClient.get('/api/v1/activities/daily-summary', {
|
|
params: { childId, date },
|
|
});
|
|
return response.data.data;
|
|
},
|
|
};
|