Documentation Index
Fetch the complete documentation index at: https://mintlify.com/IsaacBenavides/CicloVital/llms.txt
Use this file to discover all available pages before exploring further.
Overview
The useDailyRecord hook provides complete CRUD (Create, Read, Update, Delete) operations for daily health records. It allows users to track and manage their daily health data including mood, symptoms, and other vitals.
Hook Signature
const {
getDailyRecord,
createDailyRecord,
deleteDailyRecord,
updateDailyRecord
} = useDailyRecord();
Return Value
The hook returns an object containing the following functions:
Functions
getDailyRecord
async (userId) => Promise<Array | string>
userId (string/number): The ID of the user
Returns:
- On success: Array of daily record objects
- On error: Error message string
Example:
const records = await getDailyRecord(user.id);
if (Array.isArray(records)) {
console.log('Daily records:', records);
} else {
console.error('Error:', records);
}
createDailyRecord
async (recordData) => Promise<Object>
recordData (Object): Daily record data including:
userId (string/number): User ID- Health metrics (mood, symptoms, vitals, etc.)
date (string): Record date
Returns:
- Response object from the service with
ok status and data/error message
Example:
const newRecord = {
userId: user.id,
date: '2026-03-09',
mood: 'good',
symptoms: ['fatigue'],
notes: 'Feeling better today'
};
const result = await createDailyRecord(newRecord);
if (result.ok) {
console.log('Record created:', result.data);
} else {
console.error('Error:', result.messageError);
}
deleteDailyRecord
async (id) => Promise<Object | string>
id (string/number): Daily record ID to delete
Returns:
- On success: Deleted record data object
- On error: Error message string
Example:
const result = await deleteDailyRecord(recordId);
if (typeof result === 'object') {
console.log('Record deleted:', result);
} else {
console.error('Error:', result);
}
updateDailyRecord
async (id, recordData) => Promise<Object>
id (string/number): Daily record ID to updaterecordData (Object): Updated record data
Returns:
- Response object from the service with
ok status and data/error message
Example:
const updatedData = {
mood: 'excellent',
symptoms: [],
notes: 'Much better after rest'
};
const result = await updateDailyRecord(recordId, updatedData);
if (result.ok) {
console.log('Record updated:', result.data);
} else {
console.error('Error:', result.messageError);
}
Usage Example
import { useDailyRecord } from '../hooks/useDailyRecord';
import { useContext, useEffect, useState } from 'react';
import UserContext from '../contexts/UserContext';
function DailyRecordManager() {
const {
getDailyRecord,
createDailyRecord,
deleteDailyRecord,
updateDailyRecord
} = useDailyRecord();
const { user } = useContext(UserContext);
const [records, setRecords] = useState([]);
const [loading, setLoading] = useState(true);
// Load user's daily records
useEffect(() => {
const loadRecords = async () => {
setLoading(true);
const data = await getDailyRecord(user.id);
if (Array.isArray(data)) {
setRecords(data);
}
setLoading(false);
};
loadRecords();
}, [user.id, getDailyRecord]);
// Create new record
const handleCreate = async (formData) => {
const recordData = {
userId: user.id,
date: new Date().toISOString(),
...formData
};
const result = await createDailyRecord(recordData);
if (result.ok) {
setRecords([...records, result.data]);
alert('Record created successfully');
} else {
alert(result.messageError);
}
};
// Update existing record
const handleUpdate = async (recordId, updatedData) => {
const result = await updateDailyRecord(recordId, updatedData);
if (result.ok) {
setRecords(records.map(r =>
r.id === recordId ? result.data : r
));
alert('Record updated successfully');
} else {
alert(result.messageError);
}
};
// Delete record
const handleDelete = async (recordId) => {
const result = await deleteDailyRecord(recordId);
if (typeof result === 'object') {
setRecords(records.filter(r => r.id !== recordId));
alert('Record deleted successfully');
} else {
alert(result);
}
};
if (loading) return <div>Loading...</div>;
return (
<div>
<h2>Daily Records</h2>
{/* Record list and forms */}
</div>
);
}
Complete CRUD Example
import { useDailyRecord } from '../hooks/useDailyRecord';
function RecordForm({ recordToEdit, onSuccess }) {
const { createDailyRecord, updateDailyRecord } = useDailyRecord();
const [formData, setFormData] = useState(recordToEdit || {});
const handleSubmit = async (e) => {
e.preventDefault();
if (recordToEdit) {
// Update existing record
const result = await updateDailyRecord(recordToEdit.id, formData);
if (result.ok) {
onSuccess(result.data);
}
} else {
// Create new record
const result = await createDailyRecord(formData);
if (result.ok) {
onSuccess(result.data);
}
}
};
return <form onSubmit={handleSubmit}>{/* form fields */}</form>;
}
Dependencies
This hook requires:
dailyRecordService for API calls:
getDailyRecordsByUserID: Fetch records by user IDcreateDailyRecordService: Create a new recordupdateDailyRecordService: Update an existing recorddeleteDailyRecordService: Delete a record by ID
Notes
- All functions use
useCallback for optimization
createDailyRecord and updateDailyRecord return the full service response object with ok and data/messageError propertiesgetDailyRecord and deleteDailyRecord return simplified responses (data or error message)- Components should handle loading states and error messages
- The hook does not maintain internal state - components manage their own state
