github/infisical
1
0
Fork 0
mirror of https://github.com/Infisical/infisical.git synced 2026-01-08 23:18:05 -05:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #5058 from Infisical/feat/PKI-77

Browse Source 
feature: add PKI links to docs
This commit is contained in:
carlosmonastyrski
2025-12-17 20:35:23 -03:00
committed by GitHub
parent df1fef1e64 84970f3b94
commit 3f11e17749
6 changed files with 34 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/pages/cert-manager/AlertingPage/AlertingPage.tsx
View File

@@ -4,6 +4,7 @@ import { useTranslation } from "react-i18next";
import { ProjectPermissionCan } from "@app/components/permissions";
import { PageHeader, Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
import { DocumentationLinkBadge } from "@app/components/v3";
import { ProjectPermissionActions, ProjectPermissionSub, useProject } from "@app/context";
import { useListWorkspacePkiAlerts } from "@app/hooks/api";
import { ProjectType } from "@app/hooks/api/projects/types";
@@ -30,7 +31,14 @@ export const AlertingPage = () => {
<div className="mx-auto mb-6 w-full max-w-8xl">
<PageHeader
scope={ProjectType.CertificateManager}
title="Alerting"
title={
<span className="inline-flex items-center gap-x-2">
Alerting
<span className="mt-0.5">
<DocumentationLinkBadge href="https://infisical.com/docs/documentation/platform/pki/alerting" />
</span>
</span>
}
description="Configure alerts for expiring certificates and CAs to maintain security and compliance."
/>
<ProjectPermissionCan

6
frontend/src/pages/cert-manager/CertificateAuthoritiesPage/components/CaSection.tsx
View File

@@ -4,6 +4,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { createNotification } from "@app/components/notifications";
import { ProjectPermissionCan } from "@app/components/permissions";
import { Button, DeleteActionModal } from "@app/components/v2";
import { DocumentationLinkBadge } from "@app/components/v3";
import {
ProjectPermissionCertificateAuthorityActions,
ProjectPermissionSub,
@@ -59,7 +60,10 @@ export const CaSection = () => {
return (
<div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
<div className="mb-4 flex justify-between">
<p className="text-xl font-medium text-mineshaft-100">Internal Certificate Authorities</p>
<div className="flex items-center gap-x-2">
<p className="text-xl font-medium text-mineshaft-100">Internal Certificate Authorities</p>
<DocumentationLinkBadge href="https://infisical.com/docs/documentation/platform/pki/private-ca" />
</div>
<ProjectPermissionCan
I={ProjectPermissionCertificateAuthorityActions.Create}
a={ProjectPermissionSub.CertificateAuthorities}

6
frontend/src/pages/cert-manager/CertificateAuthoritiesPage/components/ExternalCaSection.tsx
View File

@@ -4,6 +4,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { createNotification } from "@app/components/notifications";
import { ProjectPermissionCan } from "@app/components/permissions";
import { Button, DeleteActionModal } from "@app/components/v2";
import { DocumentationLinkBadge } from "@app/components/v3";
import {
ProjectPermissionCertificateAuthorityActions,
ProjectPermissionSub,
@@ -63,7 +64,10 @@ export const ExternalCaSection = () => {
return (
<div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
<div className="mb-4 flex justify-between">
<p className="text-xl font-medium text-mineshaft-100">External Certificate Authorities</p>
<div className="flex items-center gap-x-2">
<p className="text-xl font-medium text-mineshaft-100">External Certificate Authorities</p>
<DocumentationLinkBadge href="https://infisical.com/docs/documentation/platform/pki/ca/external-ca" />
</div>
<ProjectPermissionCan
I={ProjectPermissionCertificateAuthorityActions.Create}
a={ProjectPermissionSub.CertificateAuthorities}

6
frontend/src/pages/cert-manager/CertificatesPage/components/CertificatesSection.tsx
View File

@@ -4,6 +4,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { createNotification } from "@app/components/notifications";
import { ProjectPermissionCan } from "@app/components/permissions";
import { Button, DeleteActionModal } from "@app/components/v2";
import { DocumentationLinkBadge } from "@app/components/v3";
import {
ProjectPermissionCertificateActions,
ProjectPermissionCertificateProfileActions,
@@ -104,7 +105,10 @@ export const CertificatesSection = () => {
return (
<div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
<div className="mb-4 flex justify-between">
<p className="text-xl font-medium text-mineshaft-100">Certificates</p>
<div className="flex items-center gap-x-2">
<p className="text-xl font-medium text-mineshaft-100">Certificates</p>
<DocumentationLinkBadge href="https://infisical.com/docs/documentation/platform/pki/certificates/overview" />
</div>
<div className="flex gap-2">
<ProjectPermissionCan
I={ProjectPermissionCertificateActions.Import}

6
frontend/src/pages/cert-manager/PoliciesPage/components/CertificateProfilesTab/CertificateProfilesTab.tsx
View File

@@ -6,6 +6,7 @@ import { UpgradePlanModal } from "@app/components/license/UpgradePlanModal";
import { createNotification } from "@app/components/notifications";
import { ProjectPermissionCan } from "@app/components/permissions";
import { Button, DeleteActionModal } from "@app/components/v2";
import { DocumentationLinkBadge } from "@app/components/v3";
import {
ProjectPermissionCertificateProfileActions,
ProjectPermissionSub
@@ -70,7 +71,10 @@ export const CertificateProfilesTab = () => {
<div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
<div className="mb-4 flex items-center justify-between">
<div>
<h2 className="text-xl font-semibold text-mineshaft-100">Certificate Profiles</h2>
<div className="flex items-center gap-x-2">
<h2 className="text-xl font-semibold text-mineshaft-100">Certificate Profiles</h2>
<DocumentationLinkBadge href="https://infisical.com/docs/documentation/platform/pki/certificates/profiles" />
</div>
<p className="text-sm text-bunker-300">
Unified certificate issuance configurations combining CA, template, and enrollment
method

6
frontend/src/pages/cert-manager/PoliciesPage/components/CertificateTemplatesV2Tab/CertificateTemplatesV2Tab.tsx
View File

@@ -5,6 +5,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { createNotification } from "@app/components/notifications";
import { ProjectPermissionCan } from "@app/components/permissions";
import { Button, DeleteActionModal } from "@app/components/v2";
import { DocumentationLinkBadge } from "@app/components/v3";
import {
ProjectPermissionPkiTemplateActions,
ProjectPermissionSub
@@ -56,7 +57,10 @@ export const CertificateTemplatesV2Tab = () => {
<div className="mb-6 rounded-lg border border-mineshaft-600 bg-mineshaft-900 p-4">
<div className="mb-4 flex items-center justify-between">
<div>
<h2 className="text-xl font-semibold text-mineshaft-100">Certificate Templates</h2>
<div className="flex items-center gap-x-2">
<h2 className="text-xl font-semibold text-mineshaft-100">Certificate Templates</h2>
<DocumentationLinkBadge href="https://infisical.com/docs/documentation/platform/pki/certificates/templates" />
</div>
<p className="text-sm text-bunker-300">
Define certificate policies, validation rules, and attribute constraints for certificate
issuance