make <p> tag <li> in patient list

openmrs · Jun 15, 2023 · 80627ab · 80627ab
1 parent 7d7151a
commit 80627ab
Showing 1 changed file with 17 additions and 15 deletions.
diff --git a/packages/esm-patient-banner-app/src/contact-details/contact-details.component.tsx b/packages/esm-patient-banner-app/src/contact-details/contact-details.component.tsx
@@ -34,22 +34,24 @@ const PatientLists: React.FC<{ patientUuid: string }> = ({ patientUuid }) => {
             totalLists: cohorts.length,
           })}
         </p>
-        {slicedLists.map((cohort) => (
-          <p>
-            <ConfigurableLink to={`${window.spaBase}/home/patient-lists/${cohort.uuid}`} key={cohort.uuid}>
-              {cohort.name}
+        <ul>
+          {slicedLists.map((cohort) => (
+            <li>
+              <ConfigurableLink to={`${window.spaBase}/home/patient-lists/${cohort.uuid}`} key={cohort.uuid}>
+                {cohort.name}
+              </ConfigurableLink>
+            </li>
+          ))}
+          <li>
+            <ConfigurableLink to={`${window.spaBase}/home/patient-lists`}>
+              {cohorts.length > 3
+                ? t('seeMore', 'See {moreLists} more', {
+                    moreLists: cohorts?.length - 3,
+                  })
+                : ''}
             </ConfigurableLink>
-          </p>
-        ))}
-        <p>
-          <ConfigurableLink to={`${window.spaBase}/home/patient-lists`}>
-            {cohorts.length > 3
-              ? t('seeMore', 'See {moreLists} more', {
-                  moreLists: cohorts?.length - 3,
-                })
-              : ''}
-          </ConfigurableLink>
-        </p>
+          </li>
+        </ul>
       </>
     );
   }