From cca2d0d960be1fe65bc454d8a648c09526b6f7a4 Mon Sep 17 00:00:00 2001
From: Rares Mardare <rares.mardare@grafana.com>
Date: Mon, 3 Jun 2024 15:46:17 +0300
Subject: [PATCH] Allow user unset the escalation chain on the integration
 (#4436)

# What this PR does

- Allow user unset the escalation chain on the integration

## Which issue(s) this PR closes

Closes https://github.com/grafana/oncall/issues/4434
---
 .../ExpandedIntegrationRouteDisplay.tsx                   | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/grafana-plugin/src/containers/IntegrationContainers/ExpandedIntegrationRouteDisplay/ExpandedIntegrationRouteDisplay.tsx b/grafana-plugin/src/containers/IntegrationContainers/ExpandedIntegrationRouteDisplay/ExpandedIntegrationRouteDisplay.tsx
index a71a7cc6..f4caea56 100644
--- a/grafana-plugin/src/containers/IntegrationContainers/ExpandedIntegrationRouteDisplay/ExpandedIntegrationRouteDisplay.tsx
+++ b/grafana-plugin/src/containers/IntegrationContainers/ExpandedIntegrationRouteDisplay/ExpandedIntegrationRouteDisplay.tsx
@@ -218,6 +218,7 @@ export const ExpandedIntegrationRouteDisplay: React.FC<ExpandedIntegrationRouteD
                   <HorizontalGroup spacing={'xs'}>
                     <WithPermissionControlTooltip userAction={UserActions.IntegrationsWrite}>
                       <Select
+                        isClearable
                         isSearchable
                         width={'auto'}
                         menuShouldPortal
@@ -341,12 +342,13 @@ export const ExpandedIntegrationRouteDisplay: React.FC<ExpandedIntegrationRouteD
       onRouteDelete(routeIdForDeletion);
     }
 
-    async function onEscalationChainChange({ id }) {
+    async function onEscalationChainChange(value: { id: string }) {
+      const newEscalationChainId = value ? value.id : null;
       await alertReceiveChannelStore.saveChannelFilter(channelFilterId, {
-        escalation_chain: id,
+        escalation_chain: newEscalationChainId,
       });
       escalationChainStore.updateItems(); // to update number_of_integrations and number_of_routes
-      escalationPolicyStore.updateEscalationPolicies(id);
+      escalationPolicyStore.updateEscalationPolicies(newEscalationChainId);
     }
 
     async function onEscalationChainsRefresh() {