hamedandClaude Opus 4.8
580bc983b3
Backend:
- Add profile columns field_of_study, province_id, city_id, postal_code,
referral_source (UserProfile + migration).
- Extend PATCH /api/v1/patient/{uuid} to persist all demographic fields
and return them in the patient profile payload.
- Support editable mobile (login identifier): validation, uniqueness,
User.setMobileNumber, new ERR_PROFILE_002.
- Update docs/api/patient.md.
Frontend:
- New reusable Input, Field, and PatientRecordInfoForm (RHF + Zod).
- usePatient/useUpdatePatient hooks and patientForm mapping helpers.
- Extend the existing "info" tab in MyPatientsPage to the full field set
via the shared form (province/city/insurance options, Jalali date).
Tests: Patient entity + PATCH integration (PHPUnit); form, hooks, and
mapping helpers (Vitest).
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
27 lines
829 B
TypeScript
27 lines
829 B
TypeScript
import React from 'react';
|
|
|
|
interface Props {
|
|
label: string;
|
|
htmlFor?: string;
|
|
error?: string;
|
|
className?: string;
|
|
style?: React.CSSProperties;
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
/**
|
|
* چیدمان یک فیلد فرم: برچسب بالا، کنترل (children)، و پیام خطای زیر آن.
|
|
* presentational — منطق فرم/ولیدیشن بیرون از این کامپوننت است.
|
|
*/
|
|
export default function Field({ label, htmlFor, error, className, style, children }: Props) {
|
|
return (
|
|
<div className={className} style={{ display: 'flex', flexDirection: 'column', gap: 6, ...style }}>
|
|
<label htmlFor={htmlFor} className="cp-label">{label}</label>
|
|
{children}
|
|
{error && (
|
|
<span style={{ color: 'var(--danger)', fontSize: 12 }}>{error}</span>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|