Capitalized patient names

src/Components/Facility/DischargedPatientsList.tsx

@@ -112,7 +112,9 @@ const PatientListItem = ({ patient }: { patient: PatientModel }) => {
  <CareIcon icon="l-user-injured" className="text-3xl text-gray-800" />
  </div>
  <div className="ml-5 flex flex-col">
- <h2 className="text-lg font-bold text-black">{patient.name}</h2>
+ <h2 className="text-lg font-bold capitalize text-black">
+ {patient.name}
+ </h2>
  <span className="text-sm font-medium text-gray-800">
  {GENDER_TYPES.find((g) => g.id === patient.gender)?.text} -{" "}
  {formatPatientAge(patient)}

src/Components/Facility/DuplicatePatientDialog.tsx

@@ -51,7 +51,9 @@ const DuplicatePatientDialog = (props: Props) => {
  return (
  <tr key={i}>
  <td className={tdClass}>
- <div className="font-semibold">{patient.name}</div>
+ <div className="font-semibold capitalize">
+ {patient.name}
+ </div>
  <div className="break-words text-xs">
  ID : {patient.patient_id}
  </div>

src/Components/Patient/PatientHome.tsx

@@ -341,7 +341,7 @@ export const PatientHome = (props: any) => {
  <div className="flex h-full flex-col justify-between rounded-lg bg-white pb-5 pl-9 pt-11 shadow">
  <div>
  <div className="flex flex-row gap-4">
- <h1 className="flex flex-row pb-3 text-2xl font-bold">
+ <h1 className="flex flex-row pb-3 text-2xl font-bold capitalize">
  {patientData.name} - {formatPatientAge(patientData, true)}
  </h1>
  <div className="ml-auto mr-9 flex flex-wrap gap-3">

src/Components/Patient/PatientInfoCard.tsx

@@ -217,7 +217,7 @@ export default function PatientInfoCard(props: {
  </div>
  <div className="flex items-center justify-center">
  <div
- className="mb-2 flex flex-col justify-center text-xl font-semibold lg:hidden"
+ className="mb-2 flex flex-col justify-center text-xl font-semibold capitalize lg:hidden"
  id="patient-name-consultation"
  >
  {patient.name}
@@ -262,7 +262,7 @@ export default function PatientInfoCard(props: {
  </div>
  <div className="flex flex-col flex-wrap items-center justify-center lg:items-start lg:justify-normal">
  <div
- className="mb-2 hidden flex-row text-xl font-semibold lg:flex"
+ className="mb-2 hidden flex-row text-xl font-semibold capitalize lg:flex"
  id="patient-name-consultation"
  >
  {patient.name}

src/Components/Patient/PatientRegister.tsx

@@ -800,7 +800,10 @@ export const PatientRegister = (props: PatientRegisterProps) => {
  : null
  : null,
  test_type: formData.test_type,
- name: formData.name,
+ name: formData.name
+ .split(" ")
+ .map((i: string) => i.charAt(0).toUpperCase() + i.slice(1))
+ .join(" "),
  pincode: formData.pincode ? formData.pincode : undefined,
  gender: Number(formData.gender),
  nationality: formData.nationality,