From 735328c1e7c7a9c15736deb09275160e6c13c3f3 Mon Sep 17 00:00:00 2001
From: Gabriel Hernandez <ghernandez345@gmail.com>
Date: Fri, 21 Mar 2025 14:29:49 +0000
Subject: [PATCH] UI cleanup for cert auth list header and list item
 descriptions (#27378)

---
 .../components/CertAuthorityListHeader/_styles.scss  |  4 ++++
 .../CertAuthorityListItem/CertAuthorityListItem.tsx  | 12 +++++++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/frontend/pages/admin/IntegrationsPage/cards/CertificateAuthorities/components/CertAuthorityListHeader/_styles.scss b/frontend/pages/admin/IntegrationsPage/cards/CertificateAuthorities/components/CertAuthorityListHeader/_styles.scss
index 8326ad57e7..4cb5d4fec4 100644
--- a/frontend/pages/admin/IntegrationsPage/cards/CertificateAuthorities/components/CertAuthorityListHeader/_styles.scss
+++ b/frontend/pages/admin/IntegrationsPage/cards/CertificateAuthorities/components/CertAuthorityListHeader/_styles.scss
@@ -12,4 +12,8 @@
     display: flex;
     gap: $pad-small;
   }
+
+  &__add-button {
+    height: auto;
+  }
 }
diff --git a/frontend/pages/admin/IntegrationsPage/cards/CertificateAuthorities/components/CertAuthorityListItem/CertAuthorityListItem.tsx b/frontend/pages/admin/IntegrationsPage/cards/CertificateAuthorities/components/CertAuthorityListItem/CertAuthorityListItem.tsx
index 29e4a750ac..23d348531e 100644
--- a/frontend/pages/admin/IntegrationsPage/cards/CertificateAuthorities/components/CertAuthorityListItem/CertAuthorityListItem.tsx
+++ b/frontend/pages/admin/IntegrationsPage/cards/CertificateAuthorities/components/CertAuthorityListItem/CertAuthorityListItem.tsx
@@ -47,6 +47,16 @@ const Actions = ({ onEdit, onDelete }: IActionsProps) => {
   );
 };
 
+const generateCertDetails = (certId: string) => {
+  if (certId.includes("ndes")) {
+    return "Microsoft Network Device Enrollment Service (NDES)";
+  } else if (certId.includes("digicert")) {
+    return "DigiCert";
+  }
+
+  return "Custom Simple Certificate Enrollment Protocol (SCEP)";
+};
+
 interface ICertAuthorityListItemProps {
   cert: ICertAuthorityListData;
   onClickEdit: () => void;
@@ -63,7 +73,7 @@ const CertAuthorityListItem = ({
       className={baseClass}
       graphic="file-certificate"
       title={cert.name}
-      details={cert.name}
+      details={generateCertDetails(cert.id)}
       actions={<Actions onEdit={onClickEdit} onDelete={onClickDelete} />}
     />
   );