From 9d52013780d21c45e57ab17862530932f2c8e533 Mon Sep 17 00:00:00 2001
From: Ian Bolton <ibolton@redhat.com>
Date: Fri, 5 Jan 2024 16:20:29 -0500
Subject: [PATCH] :bug: Add missing label group for app drawer (#1658)

https://issues.redhat.com/browse/MTA-1963

Signed-off-by: ibolton336 <ibolton@redhat.com>
---
 .../application-detail-drawer.tsx             | 45 ++++++++++---------
 1 file changed, 25 insertions(+), 20 deletions(-)

diff --git a/client/src/app/pages/applications/components/application-detail-drawer/application-detail-drawer.tsx b/client/src/app/pages/applications/components/application-detail-drawer/application-detail-drawer.tsx
index 15144d45d..f3b393e91 100644
--- a/client/src/app/pages/applications/components/application-detail-drawer/application-detail-drawer.tsx
+++ b/client/src/app/pages/applications/components/application-detail-drawer/application-detail-drawer.tsx
@@ -21,6 +21,7 @@ import {
   Divider,
   Tooltip,
   Label,
+  LabelGroup,
 } from "@patternfly/react-core";
 import spacing from "@patternfly/react-styles/css/utilities/Spacing/spacing";
 import {
@@ -210,16 +211,18 @@ export const ApplicationDetailDrawer: React.FC<
                     {t("terms.archetypesAssessed")}
                   </DescriptionListTerm>
                   <DescriptionListDescription>
-                    {assessedArchetypes?.length ? (
-                      assessedArchetypes.map((assessedArchetype) => (
-                        <ArchetypeItem
-                          key={assessedArchetype?.id}
-                          archetype={assessedArchetype}
-                        />
-                      ))
-                    ) : (
-                      <EmptyTextMessage message={t("terms.none")} />
-                    )}
+                    <LabelGroup>
+                      {assessedArchetypes?.length ? (
+                        assessedArchetypes.map((assessedArchetype) => (
+                          <ArchetypeItem
+                            key={assessedArchetype?.id}
+                            archetype={assessedArchetype}
+                          />
+                        ))
+                      ) : (
+                        <EmptyTextMessage message={t("terms.none")} />
+                      )}
+                    </LabelGroup>
                   </DescriptionListDescription>
                 </DescriptionListGroup>
 
@@ -228,16 +231,18 @@ export const ApplicationDetailDrawer: React.FC<
                     {t("terms.archetypesReviewed")}
                   </DescriptionListTerm>
                   <DescriptionListDescription>
-                    {reviewedArchetypes?.length ? (
-                      reviewedArchetypes.map((reviewedArchetype) => (
-                        <ArchetypeItem
-                          key={reviewedArchetype?.id}
-                          archetype={reviewedArchetype}
-                        />
-                      ))
-                    ) : (
-                      <EmptyTextMessage message={t("terms.none")} />
-                    )}
+                    <LabelGroup>
+                      {reviewedArchetypes?.length ? (
+                        reviewedArchetypes.map((reviewedArchetype) => (
+                          <ArchetypeItem
+                            key={reviewedArchetype?.id}
+                            archetype={reviewedArchetype}
+                          />
+                        ))
+                      ) : (
+                        <EmptyTextMessage message={t("terms.none")} />
+                      )}
+                    </LabelGroup>
                   </DescriptionListDescription>
                 </DescriptionListGroup>
               </DescriptionList>