From 2b41e9397486c1fb1bcc2b137c605e1282d9487a Mon Sep 17 00:00:00 2001
From: Chris James <chris@lattice.com>
Date: Mon, 31 Jul 2023 16:43:53 -0700
Subject: [PATCH] Adding the ability to not render the change events tab for
 the PD card when viewing an entity

Signed-off-by: Chris James <chris@lattice.com>
---
 .../components/EntityPagerDutyCard/index.tsx  | 11 +++++++++--
 .../src/components/PagerDutyCard/index.tsx    | 19 ++++++++++++-------
 2 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/plugins/pagerduty/src/components/EntityPagerDutyCard/index.tsx b/plugins/pagerduty/src/components/EntityPagerDutyCard/index.tsx
index 50e6f3a096..b252069b90 100644
--- a/plugins/pagerduty/src/components/EntityPagerDutyCard/index.tsx
+++ b/plugins/pagerduty/src/components/EntityPagerDutyCard/index.tsx
@@ -30,12 +30,19 @@ export const isPluginApplicableToEntity = (entity: Entity) =>
 /** @public */
 export type EntityPagerDutyCardProps = {
   readOnly?: boolean;
+  disableChangeEvents?: boolean;
 };
 
 /** @public */
 export const EntityPagerDutyCard = (props: EntityPagerDutyCardProps) => {
-  const { readOnly } = props;
+  const { readOnly, disableChangeEvents } = props;
   const { entity } = useEntity();
   const pagerDutyEntity = getPagerDutyEntity(entity);
-  return <PagerDutyCard {...pagerDutyEntity} readOnly={readOnly} />;
+  return (
+    <PagerDutyCard
+      {...pagerDutyEntity}
+      readOnly={readOnly}
+      disableChangeEvents={disableChangeEvents}
+    />
+  );
 };
diff --git a/plugins/pagerduty/src/components/PagerDutyCard/index.tsx b/plugins/pagerduty/src/components/PagerDutyCard/index.tsx
index bb89865c5f..a10dc1984b 100644
--- a/plugins/pagerduty/src/components/PagerDutyCard/index.tsx
+++ b/plugins/pagerduty/src/components/PagerDutyCard/index.tsx
@@ -46,11 +46,12 @@ const BasicCard = ({ children }: { children: ReactNode }) => (
 /** @public */
 export type PagerDutyCardProps = PagerDutyEntity & {
   readOnly?: boolean;
+  disableChangeEvents?: boolean;
 };
 
 /** @public */
 export const PagerDutyCard = (props: PagerDutyCardProps) => {
-  const { readOnly, integrationKey, name } = props;
+  const { readOnly, disableChangeEvents, integrationKey, name } = props;
   const api = useApi(pagerDutyApiRef);
   const [refreshIncidents, setRefreshIncidents] = useState<boolean>(false);
   const [refreshChangeEvents, setRefreshChangeEvents] =
@@ -169,12 +170,16 @@ export const PagerDutyCard = (props: PagerDutyCardProps) => {
                 refreshIncidents={refreshIncidents}
               />
             </CardTab>
-            <CardTab label="Change Events">
-              <ChangeEvents
-                serviceId={service!.id}
-                refreshEvents={refreshChangeEvents}
-              />
-            </CardTab>
+            <>
+              {disableChangeEvents === true && (
+                <CardTab label="Change Events">
+                  <ChangeEvents
+                    serviceId={service!.id}
+                    refreshEvents={refreshChangeEvents}
+                  />
+                </CardTab>
+              )}
+            </>
           </TabbedCard>
           <EscalationPolicy policyId={service!.policyId} />
         </CardContent>