Add PKI Syncs docs and a few improvements on the router

frontend/src/pages/cert-manager/IntegrationsListPage/components/PkiSyncsTab/PkiSyncTable/PkiSyncRow.tsx

@@ -44,7 +44,7 @@ import { ProjectPermissionSub } from "@app/context";
 import { ProjectPermissionPkiSyncActions } from "@app/context/ProjectPermissionContext/types";
 import { PKI_SYNC_MAP } from "@app/helpers/pkiSyncs";
 import { useToggle } from "@app/hooks";
-import { PkiSyncData, PkiSyncStatus, usePkiSyncOption } from "@app/hooks/api/pkiSyncs";
+import { PkiSyncData, PkiSyncStatus } from "@app/hooks/api/pkiSyncs";
 
 import { PkiSyncDestinationCol } from "./PkiSyncDestinationCol";
 import { PkiSyncTableCell } from "./PkiSyncTableCell";
@@ -80,8 +80,6 @@ export const PkiSyncRow = ({
     projectId
   } = pkiSync;
 
-  const { syncOption } = usePkiSyncOption(destination);
-
   const destinationName = PKI_SYNC_MAP[destination].name;
 
   const [isIdCopied, setIsIdCopied] = useToggle(false);
@@ -296,38 +294,36 @@ export const PkiSyncRow = ({
                   </DropdownMenuItem>
                 )}
               </ProjectPermissionCan>
-              {syncOption?.canImportCertificates && (
-                <ProjectPermissionCan
-                  I={ProjectPermissionPkiSyncActions.ImportCertificates}
-                  a={permissionSubject}
-                >
-                  {(isAllowed: boolean) => (
-                    <DropdownMenuItem
-                      icon={<FontAwesomeIcon icon={faDownload} />}
-                      onClick={(e) => {
-                        e.stopPropagation();
-                        onTriggerImportCertificates(pkiSync);
-                      }}
-                      isDisabled={!isAllowed}
+              <ProjectPermissionCan
+                I={ProjectPermissionPkiSyncActions.ImportCertificates}
+                a={permissionSubject}
+              >
+                {(isAllowed: boolean) => (
+                  <DropdownMenuItem
+                    icon={<FontAwesomeIcon icon={faDownload} />}
+                    onClick={(e) => {
+                      e.stopPropagation();
+                      onTriggerImportCertificates(pkiSync);
+                    }}
+                    isDisabled={!isAllowed}
+                  >
+                    <Tooltip
+                      position="left"
+                      sideOffset={42}
+                      content={`Import certificates from this ${destinationName} destination into Infisical.`}
                     >
-                      <Tooltip
-                        position="left"
-                        sideOffset={42}
-                        content={`Import certificates from this ${destinationName} destination into Infisical.`}
-                      >
-                        <div className="flex h-full w-full items-center justify-between gap-1">
-                          <span>Import Certificates</span>
-                          <FontAwesomeIcon
-                            className="text-bunker-300"
-                            size="sm"
-                            icon={faInfoCircle}
-                          />
-                        </div>
-                      </Tooltip>
-                    </DropdownMenuItem>
-                  )}
-                </ProjectPermissionCan>
-              )}
+                      <div className="flex h-full w-full items-center justify-between gap-1">
+                        <span>Import Certificates</span>
+                        <FontAwesomeIcon
+                          className="text-bunker-300"
+                          size="sm"
+                          icon={faInfoCircle}
+                        />
+                      </div>
+                    </Tooltip>
+                  </DropdownMenuItem>
+                )}
+              </ProjectPermissionCan>
               <ProjectPermissionCan
                 I={ProjectPermissionPkiSyncActions.RemoveCertificates}
                 a={permissionSubject}

frontend/src/pages/cert-manager/IntegrationsListPage/components/PkiSyncsTab/PkiSyncTable/PkiSyncsTable.tsx

@@ -230,6 +230,7 @@ export const PkiSyncsTable = ({ pkiSyncs }: Props) => {
       await updateSync.mutateAsync({
         syncId: pkiSync.id,
         projectId: pkiSync.projectId,
+        destination: pkiSync.destination,
         isAutoSyncEnabled
       });
 
@@ -251,7 +252,8 @@ export const PkiSyncsTable = ({ pkiSyncs }: Props) => {
     try {
       await triggerSync.mutateAsync({
         syncId: pkiSync.id,
-        projectId: pkiSync.projectId
+        projectId: pkiSync.projectId,
+        destination: pkiSync.destination
       });
 
       createNotification({

frontend/src/pages/cert-manager/PkiSyncDetailsByIDPage/components/PkiSyncActionTriggers.tsx

@@ -42,7 +42,6 @@ import { PKI_SYNC_MAP } from "@app/helpers/pkiSyncs";
 import { usePopUp, useToggle } from "@app/hooks";
 import {
   TPkiSync,
-  usePkiSyncOption,
   useTriggerPkiSyncSyncCertificates,
   useUpdatePkiSync
 } from "@app/hooks/api/pkiSyncs";
@@ -69,7 +68,6 @@ export const PkiSyncActionTriggers = ({ pkiSync }: Props) => {
   const updatePkiSyncMutation = useUpdatePkiSync();
 
   const destinationName = PKI_SYNC_MAP[destination].name;
-  const { syncOption } = usePkiSyncOption(destination);
 
   const handleCopyId = useCallback(() => {
     setIsIdCopied.on();
@@ -88,7 +86,8 @@ export const PkiSyncActionTriggers = ({ pkiSync }: Props) => {
     try {
       await triggerSyncMutation.mutateAsync({
         syncId: id,
-        projectId
+        projectId,
+        destination
       });
       createNotification({
         text: "PKI sync job queued successfully",
@@ -108,6 +107,7 @@ export const PkiSyncActionTriggers = ({ pkiSync }: Props) => {
       await updatePkiSyncMutation.mutateAsync({
         syncId: id,
         projectId,
+        destination,
         isAutoSyncEnabled: !pkiSync.isAutoSyncEnabled
       });
       createNotification({
@@ -192,65 +192,61 @@ export const PkiSyncActionTriggers = ({ pkiSync }: Props) => {
                 Copy Sync ID
               </DropdownMenuItem>
 
-              {syncOption?.canImportCertificates && (
-                <ProjectPermissionCan
-                  I={ProjectPermissionPkiSyncActions.ImportCertificates}
-                  a={permissionSubject}
-                >
-                  {(isAllowed: boolean) => (
-                    <DropdownMenuItem
-                      icon={<FontAwesomeIcon icon={faDownload} />}
-                      onClick={() => handlePopUpOpen("importCertificates")}
-                      isDisabled={!isAllowed}
+              <ProjectPermissionCan
+                I={ProjectPermissionPkiSyncActions.ImportCertificates}
+                a={permissionSubject}
+              >
+                {(isAllowed: boolean) => (
+                  <DropdownMenuItem
+                    icon={<FontAwesomeIcon icon={faDownload} />}
+                    onClick={() => handlePopUpOpen("importCertificates")}
+                    isDisabled={!isAllowed}
+                  >
+                    <Tooltip
+                      position="left"
+                      sideOffset={42}
+                      content={`Import certificates from this ${destinationName} destination into Infisical.`}
                     >
-                      <Tooltip
-                        position="left"
-                        sideOffset={42}
-                        content={`Import certificates from this ${destinationName} destination into Infisical.`}
-                      >
-                        <div className="flex h-full w-full items-center justify-between gap-1">
-                          <span>Import Certificates</span>
-                          <FontAwesomeIcon
-                            className="text-bunker-300"
-                            size="sm"
-                            icon={faInfoCircle}
-                          />
-                        </div>
-                      </Tooltip>
-                    </DropdownMenuItem>
-                  )}
-                </ProjectPermissionCan>
-              )}
+                      <div className="flex h-full w-full items-center justify-between gap-1">
+                        <span>Import Certificates</span>
+                        <FontAwesomeIcon
+                          className="text-bunker-300"
+                          size="sm"
+                          icon={faInfoCircle}
+                        />
+                      </div>
+                    </Tooltip>
+                  </DropdownMenuItem>
+                )}
+              </ProjectPermissionCan>
 
-              {syncOption?.canRemoveCertificates && (
-                <ProjectPermissionCan
-                  I={ProjectPermissionPkiSyncActions.RemoveCertificates}
-                  a={permissionSubject}
-                >
-                  {(isAllowed: boolean) => (
-                    <DropdownMenuItem
-                      icon={<FontAwesomeIcon icon={faEraser} />}
-                      onClick={() => handlePopUpOpen("removeCertificates")}
-                      isDisabled={!isAllowed}
+              <ProjectPermissionCan
+                I={ProjectPermissionPkiSyncActions.RemoveCertificates}
+                a={permissionSubject}
+              >
+                {(isAllowed: boolean) => (
+                  <DropdownMenuItem
+                    icon={<FontAwesomeIcon icon={faEraser} />}
+                    onClick={() => handlePopUpOpen("removeCertificates")}
+                    isDisabled={!isAllowed}
+                  >
+                    <Tooltip
+                      position="left"
+                      sideOffset={42}
+                      content={`Remove certificates synced by Infisical from this ${destinationName} destination.`}
                     >
-                      <Tooltip
-                        position="left"
-                        sideOffset={42}
-                        content={`Remove certificates synced by Infisical from this ${destinationName} destination.`}
-                      >
-                        <div className="flex h-full w-full items-center justify-between gap-1">
-                          <span>Remove Certificates</span>
-                          <FontAwesomeIcon
-                            className="text-bunker-300"
-                            size="sm"
-                            icon={faInfoCircle}
-                          />
-                        </div>
-                      </Tooltip>
-                    </DropdownMenuItem>
-                  )}
-                </ProjectPermissionCan>
-              )}
+                      <div className="flex h-full w-full items-center justify-between gap-1">
+                        <span>Remove Certificates</span>
+                        <FontAwesomeIcon
+                          className="text-bunker-300"
+                          size="sm"
+                          icon={faInfoCircle}
+                        />
+                      </div>
+                    </Tooltip>
+                  </DropdownMenuItem>
+                )}
+              </ProjectPermissionCan>
 
               <ProjectPermissionCan I={ProjectPermissionPkiSyncActions.Edit} a={permissionSubject}>
                 {(isAllowed: boolean) => (

frontend/src/pages/cert-manager/PkiSyncDetailsByIDPage/components/PkiSyncOptionsSection/PkiSyncOptionsSection.tsx

@@ -16,7 +16,7 @@ type Props = {
 
 export const PkiSyncOptionsSection = ({ pkiSync, onEditOptions }: Props) => {
   const {
-    syncOptions: { canImportCertificates, canRemoveCertificates }
+    syncOptions: { canRemoveCertificates }
   } = pkiSync;
 
   const permissionSubject = subject(ProjectPermissionSub.PkiSyncs, {
@@ -44,11 +44,13 @@ export const PkiSyncOptionsSection = ({ pkiSync, onEditOptions }: Props) => {
         </div>
         <div>
           <div className="space-y-3">
+            {/* Hidden for now - Import certificates functionality disabled
             <GenericFieldLabel label="Certificate Import">
               <Badge variant={canImportCertificates ? "success" : "danger"}>
                 {canImportCertificates ? "Enabled" : "Disabled"}
               </Badge>
             </GenericFieldLabel>
+            */}
             <GenericFieldLabel label="Certificate Removal">
               <Badge variant={canRemoveCertificates ? "success" : "danger"}>
                 {canRemoveCertificates ? "Enabled" : "Disabled"}