Update ResourceDetails component prop name

onaio · May 8, 2024 · 075bfd6 · 075bfd6
1 parent e77a508
commit 075bfd6
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/packages/fhir-location-management/src/components/ViewDetails/LocationDetails/index.tsx b/packages/fhir-location-management/src/components/ViewDetails/LocationDetails/index.tsx
@@ -66,7 +66,7 @@ export const LocationDetails = ({ location }: { location: ILocation }) => {
     <ResourceDetails
       title={name}
       headerLeftData={headerLeftData}
-      dateData={dateCreatedKeyPairing}
+      headerRightData={dateCreatedKeyPairing}
       headerActions={<Link to={`${URL_LOCATION_UNIT_EDIT}/${id}`}>{t('Edit details')}</Link>}
       bodyData={otherDetailsMap}
     />

diff --git a/packages/react-utils/src/components/GenericDetailsView/ResourceDetails/index.tsx b/packages/react-utils/src/components/GenericDetailsView/ResourceDetails/index.tsx
@@ -13,7 +13,7 @@ export interface ResourceDetailsProps {
   title: React.ReactNode;
   headerLeftData: Record<string, React.ReactNode>;
   headerLeftDataClasses?: string;
-  dateData?: Record<string, string | undefined>;
+  headerRightData?: Record<string, React.ReactNode | undefined>;
   headerActions?: React.ReactNode;
   status?: {
     title: string;
@@ -27,7 +27,7 @@ export const ResourceDetails = (props: ResourceDetailsProps) => {
   const {
     title,
     headerLeftData,
-    dateData,
+    headerRightData,
     headerActions,
     bodyData,
     footer,
@@ -51,9 +51,9 @@ export const ResourceDetails = (props: ResourceDetailsProps) => {
 
         <div className="header-bottom">
           <ListFlatKeyValues classnames={headerLeftDataClasses} data={headerLeftData} />
-          {dateData && (
+          {headerRightData && (
             <div style={{ textAlign: 'right' }}>
-              <SingleKeyNestedValue theme="light" data={dateData} />
+              <SingleKeyNestedValue theme="light" data={headerRightData} />
             </div>
           )}
         </div>

diff --git a/packages/react-utils/src/components/GenericDetailsView/ResourceDetails/tests/index.test.tsx b/packages/react-utils/src/components/GenericDetailsView/ResourceDetails/tests/index.test.tsx
@@ -7,7 +7,7 @@ const props = {
   title: 'Good Health Clinic',
   headerLeftData: { ID: 123, version: 5 },
   headerLeftDataClasses: 'left-data',
-  dateData: { 'Date created': 'Today, 9.30' },
+  headerRightData: { 'Date created': 'Today, 9.30' },
   headerActions: <a href="/patient/edit/123">Edit details</a>,
   status: {
     title: 'Active',
@@ -41,10 +41,10 @@ test('ResourceDetails component renders correctly', () => {
     'Administrative Level2',
   ]);
 
-  const dateElementValues = [...document.querySelectorAll('.singleKeyValue-pair__light')].map(
+  const headerRightData = [...document.querySelectorAll('.singleKeyValue-pair__light')].map(
     (keyValue) => keyValue.textContent
   );
-  expect(dateElementValues).toEqual(['Date createdToday, 9.30']);
+  expect(headerRightData).toEqual(['Date createdToday, 9.30']);
 
   const headerLeftElementValues = [...document.querySelectorAll('.left-data')].map(
     (keyValue) => keyValue.textContent