diff --git a/changes/issue-29505-premium-tier-certificates b/changes/issue-29505-premium-tier-certificates
new file mode 100644
index 0000000000..21e8c23af7
--- /dev/null
+++ b/changes/issue-29505-premium-tier-certificates
@@ -0,0 +1 @@
+- add premium tier messaging to the certificates section on the integrations page
diff --git a/frontend/pages/admin/IntegrationsPage/cards/CertificateAuthorities/CertificateAuthorities.tsx b/frontend/pages/admin/IntegrationsPage/cards/CertificateAuthorities/CertificateAuthorities.tsx
index d74a2cd4fd..cb6e75caa9 100644
--- a/frontend/pages/admin/IntegrationsPage/cards/CertificateAuthorities/CertificateAuthorities.tsx
+++ b/frontend/pages/admin/IntegrationsPage/cards/CertificateAuthorities/CertificateAuthorities.tsx
@@ -7,22 +7,24 @@ import { ICertificateIntegration } from "interfaces/integration";
import SectionHeader from "components/SectionHeader";
import CustomLink from "components/CustomLink";
+import PremiumFeatureMessage from "components/PremiumFeatureMessage";
import CertificateAuthorityList from "./components/CertificateAuthorityList";
-import {
- generateListData,
- getCertificateAuthority,
- ICertAuthorityListData,
-} from "./helpers";
import AddCertAuthorityCard from "./components/AddCertAuthorityCard";
import DeleteCertificateAuthorityModal from "./components/DeleteCertificateAuthorityModal";
import AddCertAuthorityModal from "./components/AddCertAuthorityModal";
import EditCertAuthorityModal from "./components/EditCertAuthorityModal";
+import {
+ generateListData,
+ getCertificateAuthority,
+ ICertAuthorityListData,
+} from "./helpers";
+
const baseClass = "certificate-authorities";
const CertificateAuthorities = () => {
- const { config } = useContext(AppContext);
+ const { config, isPremiumTier } = useContext(AppContext);
const [showAddCertAuthorityModal, setShowAddCertAuthorityModal] = useState(
false
@@ -81,23 +83,11 @@ const CertificateAuthorities = () => {
};
const renderContent = () => {
- if (certificateAuthorities.length === 0) {
- return
To help your end users connect to Wi-Fi or VPNs, you can add your certificate authority. Then, head over to{" "} @@ -111,6 +101,33 @@ const CertificateAuthorities = () => { newTab />
+ ); + + if (certificateAuthorities.length === 0) { + return ( + <> + {pageDescription} +