diff --git a/packages/esm-patient-registration-app/src/patient-registration/field/obs/obs-field.component.tsx b/packages/esm-patient-registration-app/src/patient-registration/field/obs/obs-field.component.tsx index 7eecbf520..36896606e 100644 --- a/packages/esm-patient-registration-app/src/patient-registration/field/obs/obs-field.component.tsx +++ b/packages/esm-patient-registration-app/src/patient-registration/field/obs/obs-field.component.tsx @@ -33,7 +33,7 @@ export function ObsField({ fieldDefinition }: ObsFieldProps) { return null; } - switch (concept.datatype.display) { + switch (concept?.datatype?.display) { case 'Text': return ( = ({ props }) => {

{t('clientVerificationWithClientRegistry', 'Client verification with client registry')}

+ + {t('allFieldsRequiredText', 'All fields are required unless marked optional')} +
{isLoading && } diff --git a/packages/esm-patient-registration-app/src/patient-verification/patient-verification.scss b/packages/esm-patient-registration-app/src/patient-verification/patient-verification.scss index 044c03564..10291355c 100644 --- a/packages/esm-patient-registration-app/src/patient-verification/patient-verification.scss +++ b/packages/esm-patient-registration-app/src/patient-verification/patient-verification.scss @@ -1,4 +1,7 @@ @use '@carbon/colors'; +@use '@carbon/layout'; +@use '@carbon/type'; +@use '@openmrs/esm-styleguide/src/vars' as *; @import '../patient-registration/patient-registration.scss'; /* Desktop */ @@ -23,3 +26,16 @@ .errorWrapper { margin: 0 0 1rem 0; } + +.label01 { + @include type.type-style('label-01'); + margin-top: layout.$spacing-05; + margin-bottom: layout.$spacing-05; + color: $ui-04; +} + +.productiveHeading02 { + @include type.type-style('heading-compact-02'); + color: $ui-04; + cursor: pointer; +}