From ab47ef9e6e6db35e7734da4948542c2ac4cdca75 Mon Sep 17 00:00:00 2001
From: Fang-Pen Lin <hello@fangpenlin.com>
Date: Mon, 3 Nov 2025 16:37:44 -0800
Subject: [PATCH] Reveal

---
 .../CertificateProfilesTab.tsx                | 12 ++++++++-
 .../RevealAcmeEabSecretModal.tsx              | 25 +++++++++++++++++++
 2 files changed, 36 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/pages/cert-manager/PoliciesPage/components/CertificateProfilesTab/RevealAcmeEabSecretModal.tsx

diff --git a/frontend/src/pages/cert-manager/PoliciesPage/components/CertificateProfilesTab/CertificateProfilesTab.tsx b/frontend/src/pages/cert-manager/PoliciesPage/components/CertificateProfilesTab/CertificateProfilesTab.tsx
index 974b49279..9ee238743 100644
--- a/frontend/src/pages/cert-manager/PoliciesPage/components/CertificateProfilesTab/CertificateProfilesTab.tsx
+++ b/frontend/src/pages/cert-manager/PoliciesPage/components/CertificateProfilesTab/CertificateProfilesTab.tsx
@@ -1,6 +1,6 @@
-import { useState } from "react";
 import { faPlus } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { useState } from "react";
 
 import { createNotification } from "@app/components/notifications";
 import { Button, DeleteActionModal } from "@app/components/v2";
@@ -16,6 +16,7 @@ import {
 
 import { CreateProfileModal } from "./CreateProfileModal";
 import { ProfileList } from "./ProfileList";
+import { RevealAcmeEabSecretModal } from "./RevealAcmeEabSecretModal";
 
 export const CertificateProfilesTab = () => {
   const { permission } = useProjectPermission();
@@ -112,6 +113,15 @@ export const CertificateProfilesTab = () => {
             mode="edit"
           />
 
+          <RevealAcmeEabSecretModal
+            isOpen={isRevealProfileAcmeEabSecretModalOpen}
+            onClose={() => {
+              setIsRevealProfileAcmeEabSecretModalOpen(false);
+              setSelectedProfile(null);
+            }}
+            profile={selectedProfile}
+          />
+
           <DeleteActionModal
             isOpen={isDeleteModalOpen}
             title={`Delete Certificate Profile ${selectedProfile.slug}?`}
diff --git a/frontend/src/pages/cert-manager/PoliciesPage/components/CertificateProfilesTab/RevealAcmeEabSecretModal.tsx b/frontend/src/pages/cert-manager/PoliciesPage/components/CertificateProfilesTab/RevealAcmeEabSecretModal.tsx
new file mode 100644
index 000000000..9596dd37c
--- /dev/null
+++ b/frontend/src/pages/cert-manager/PoliciesPage/components/CertificateProfilesTab/RevealAcmeEabSecretModal.tsx
@@ -0,0 +1,25 @@
+import { Modal, ModalContent } from "@app/components/v2";
+import { TCertificateProfileWithDetails } from "@app/hooks/api/certificateProfiles";
+
+type Props = {
+  isOpen: boolean;
+  onClose: () => void;
+  profile: TCertificateProfileWithDetails;
+};
+
+export const RevealAcmeEabSecretModal = ({ isOpen, onClose, profile }: Props) => {
+  return (
+    <Modal
+      isOpen={isOpen}
+      onOpenChange={(open) => {
+        if (!open) {
+          onClose();
+        }
+      }}
+    >
+      <ModalContent title="Reveal ACME EAB Secret">
+        <div>Reveal ACME EAB Secret</div>
+      </ModalContent>
+    </Modal>
+  );
+};