diff --git a/apps/nextjs/src/app/[locale]/manage/integrations/_components/test-connection/test-connection-certificate.tsx b/apps/nextjs/src/app/[locale]/manage/integrations/_components/test-connection/test-connection-certificate.tsx index a84302b55..1a9de69a6 100644 --- a/apps/nextjs/src/app/[locale]/manage/integrations/_components/test-connection/test-connection-certificate.tsx +++ b/apps/nextjs/src/app/[locale]/manage/integrations/_components/test-connection/test-connection-certificate.tsx @@ -30,6 +30,8 @@ export const CertificateErrorDetails = ({ error, url }: CertificateErrorDetailsP const { mutateAsync: trustHostnameAsync } = clientApi.certificates.trustHostnameMismatch.useMutation(); const { mutateAsync: addCertificateAsync } = clientApi.certificates.addCertificate.useMutation(); + const rootCertificate = getHeighestCertificate(error.data.certificate); + const handleTrustHostname = () => { const { hostname } = new URL(url); openConfirmModal({ @@ -72,7 +74,7 @@ export const CertificateErrorDetails = ({ error, url }: CertificateErrorDetailsP const formData = new FormData(); formData.append( "file", - new File([error.data.certificate.pem], `${hostname}-${createId()}.crt`, { + new File([rootCertificate.pem], `${hostname}-${createId()}.crt`, { type: "application/x-x509-ca-cert", }), ); @@ -110,11 +112,11 @@ export const CertificateErrorDetails = ({ error, url }: CertificateErrorDetailsP <> {description} - + {error.data.reason === "hostnameMismatch" && } - {!error.data.certificate.isSelfSigned && error.data.reason === "untrusted" && } + {!rootCertificate.isSelfSigned && error.data.reason === "untrusted" && } {showRetryButton && (