From 8dca9520ab064ed181fa799883ffe7488514569a Mon Sep 17 00:00:00 2001
From: kkannan <kkannan@yugabyte.com>
Date: Tue, 2 Jul 2024 11:15:40 +0530
Subject: [PATCH] [PLAT-14432][Platform] Show certificate Database Node
 Certificate/key and Client Certificate/key for CA certs in certificate
 details modal

Summary: Update "Certificate Details component" to display additional information (Database Node Certificate/key and Client Certificate/key ) for CA signed certificates.

Test Plan:
Tested manually

{F259034}

Reviewers: lsangappa

Reviewed By: lsangappa

Subscribers: yugaware

Differential Revision: https://phorge.dev.yugabyte.com/D36046
---
 .../certificates/CertificateDetails.js        | 24 ++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/managed/ui/src/components/config/Security/certificates/CertificateDetails.js b/managed/ui/src/components/config/Security/certificates/CertificateDetails.js
index 077a16cfef18..18caf54e0e44 100644
--- a/managed/ui/src/components/config/Security/certificates/CertificateDetails.js
+++ b/managed/ui/src/components/config/Security/certificates/CertificateDetails.js
@@ -25,7 +25,7 @@ export const CertificateDetails = ({ certificate, visible, onHide }) => {
         <div>{certExpiry}</div>
       </li>
       <li>
-        <label>Certificate</label>
+        <label>{certificate.type === 'CustomCertHostPath' ? "Root CA Certificate" : "Certificate"}</label>
         <div>{certificate.certificate}</div>
       </li>
       {certificate.privateKey && (
@@ -58,6 +58,28 @@ export const CertificateDetails = ({ certificate, visible, onHide }) => {
           </li>
         </Fragment>
       )}
+      {
+        certificate.type === 'CustomCertHostPath' && (
+          <>
+            <li>
+              <label>Database Node Certificate Path</label>
+              <div>{certificate.customCertInfo?.nodeCertPath ?? '-'}</div>
+            </li>
+            <li>
+              <label>Database Node Certificate Private Key</label>
+              <div>{certificate.customCertInfo?.nodeKeyPath ?? '-'}</div>
+            </li>
+            <li>
+              <label>Client Certificate</label>
+              <div>{certificate.customCertInfo?.clientCertPath ?? '-'}</div>
+            </li>
+            <li>
+              <label>Client Certificate Private Key</label>
+              <div>{certificate.customCertInfo?.clientKeyPath ?? '-'}</div>
+            </li>
+          </>
+        )
+      }
     </>
   );