From 025f64f068cfc9393b1f67e0cf125483f48609f5 Mon Sep 17 00:00:00 2001
From: Scott Wilson <scottraywilson@gmail.com>
Date: Wed, 4 Dec 2024 17:02:01 -0800
Subject: [PATCH] improvement: hide secret suffix if not set

---
 .../components/IntegrationDetails.tsx               | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/frontend/src/views/IntegrationsPage/components/IntegrationsSection/components/IntegrationDetails.tsx b/frontend/src/views/IntegrationsPage/components/IntegrationsSection/components/IntegrationDetails.tsx
index f3cb7c33a..7af717f81 100644
--- a/frontend/src/views/IntegrationsPage/components/IntegrationsSection/components/IntegrationDetails.tsx
+++ b/frontend/src/views/IntegrationsPage/components/IntegrationsSection/components/IntegrationDetails.tsx
@@ -116,12 +116,13 @@ export const IntegrationDetails = ({ integration }: Props) => {
           <div className={FIELD_CLASSNAME}>{integration.targetService}</div>
         </div>
       )}
-      {(integration.integration === "checkly" || integration.integration === "github") && (
-        <div>
-          <FormLabel label="Secret Suffix" />
-          <div className={FIELD_CLASSNAME}>{integration?.metadata?.secretSuffix || "-"}</div>
-        </div>
-      )}
+      {(integration.integration === "checkly" || integration.integration === "github") &&
+        integration?.metadata?.secretSuffix && (
+          <div>
+            <FormLabel label="Secret Suffix" />
+            <div className={FIELD_CLASSNAME}>{integration.metadata.secretSuffix}</div>
+          </div>
+        )}
       {integration.integration === "github" && integration.metadata?.githubVisibility ? (
         <div className="mt-2 text-xs text-mineshaft-200">
           {/* eslint-disable-next-line no-nested-ternary */}