(fix) Fixup contact attribute config key name in patient banner

packages/framework/esm-styleguide/src/patient-banner/actions-menu/patient-banner-actions-menu.component.tsx

@@ -1,10 +1,10 @@
 /** @module @category UI */
-import { ExtensionSlot, useConnectedExtensions } from '@openmrs/esm-react-utils';
 import React, { useMemo } from 'react';
 import { OverflowMenuVertical } from '@carbon/react/icons';
-import styles from './patient-banner-actions-menu.module.scss';
-import { CustomOverflowMenu } from '../../custom-overflow-menu/custom-overflow-menu.component';
+import { ExtensionSlot, useConnectedExtensions } from '@openmrs/esm-react-utils';
 import { getCoreTranslation } from '@openmrs/esm-translations';
+import { CustomOverflowMenu } from '../../custom-overflow-menu/custom-overflow-menu.component';
+import styles from './patient-banner-actions-menu.module.scss';
 
 export interface PatientBannerActionsMenuProps {
   patientUuid: string;

packages/framework/esm-styleguide/src/patient-banner/contact-details/patient-banner-contact-details.component.tsx

@@ -1,5 +1,6 @@
 /** @module @category UI */
 import React, { useMemo } from 'react';
+import classNames from 'classnames';
 import { InlineLoading } from '@carbon/react';
 import { type CoreTranslationKey, getCoreTranslation } from '@openmrs/esm-translations';
 import { ConfigurableLink, usePatient } from '@openmrs/esm-react-utils';
@@ -8,7 +9,6 @@ import { useRelationships } from './useRelationships';
 import { usePatientContactAttributes } from './usePatientAttributes';
 import { usePatientListsForPatient } from './usePatientListsForPatient';
 import styles from './patient-banner-contact-details.module.scss';
-import classNames from 'classnames';
 
 interface ContactDetailsProps {
   patientId: string;

packages/framework/esm-styleguide/src/patient-banner/contact-details/patient-banner-toggle-contact-details-button.component.tsx

@@ -21,10 +21,10 @@ export function PatientBannerToggleContactDetailsButton({
   return (
     <Button
       className={className}
-      kind="ghost"
-      renderIcon={showContactDetails ? ChevronUpIcon : ChevronDownIcon}
       iconDescription="Toggle contact details"
+      kind="ghost"
       onClick={toggleContactDetails}
+      renderIcon={showContactDetails ? ChevronUpIcon : ChevronDownIcon}
     >
       {showContactDetails
         ? getCoreTranslation('hideDetails', 'Hide details')

packages/framework/esm-styleguide/src/patient-banner/contact-details/usePatientAttributes.ts

@@ -1,6 +1,6 @@
+import useSWRImmutable from 'swr/immutable';
 import { openmrsFetch, restBaseUrl } from '@openmrs/esm-api';
 import { useConfig } from '@openmrs/esm-react-utils';
-import useSWRImmutable from 'swr/immutable';
 import { type Patient } from './types';
 
 const customRepresentation =
@@ -31,10 +31,10 @@ export const usePatientAttributes = (patientUuid: string) => {
  * @returns Object containing `contactAttribute` {@link Attribute} loading status
  */
 export const usePatientContactAttributes = (patientUuid: string) => {
-  const { contactAttributeType } = useConfig();
+  const { contactAttributeTypes } = useConfig();
   const { attributes, isLoading } = usePatientAttributes(patientUuid);
   const contactAttributes = attributes.filter(
-    ({ attributeType }) => contactAttributeType?.some((uuid) => attributeType.uuid === uuid),
+    ({ attributeType }) => contactAttributeTypes?.some((uuid) => attributeType.uuid === uuid),
   );
   return {
     contactAttributes: contactAttributes ?? [],

packages/framework/esm-translations/src/translations.ts

@@ -52,7 +52,8 @@ export const coreTranslations = {
   hideDetails: 'Hide details',
   loading: 'Loading',
   male: 'Male',
-  other: 'Other',  patientIdentifierSticker: 'Patient identifier sticker',
+  other: 'Other',
+  patientIdentifierSticker: 'Patient identifier sticker',
   patientLists: 'Patient lists',
   print: 'Print',
   printError: 'Print error',