Reveal

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}?`}

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>
+  );
+};