From 5cd22f068914c1aa31e11e2cc63eb33dfa1a0f67 Mon Sep 17 00:00:00 2001
From: Calvin Lee <calvin.lee@harness.io>
Date: Thu, 9 Feb 2023 14:37:12 -0700
Subject: [PATCH] feat: [code-100]: pop-up panel for webhook on/off (#321)

---
 web/src/framework/strings/stringTypes.ts | 4 ++++
 web/src/i18n/strings.en.yaml             | 4 ++++
 web/src/pages/Webhooks/Webhooks.tsx      | 7 ++++---
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/web/src/framework/strings/stringTypes.ts b/web/src/framework/strings/stringTypes.ts
index ffe59ea0d..541956779 100644
--- a/web/src/framework/strings/stringTypes.ts
+++ b/web/src/framework/strings/stringTypes.ts
@@ -82,6 +82,8 @@ export interface StringsMap {
   deployKeys: string
   description: string
   diff: string
+  disableWebhookContent: string
+  disableWebhookTitle: string
   draft: string
   edit: string
   editFile: string
@@ -91,6 +93,8 @@ export interface StringsMap {
   emptyRepoHeader: string
   emptyRepoInclude: string
   enableSSLVerification: string
+  enableWebhookContent: string
+  enableWebhookTitle: string
   enabled: string
   enterDescription: string
   enterNewBranchName: string
diff --git a/web/src/i18n/strings.en.yaml b/web/src/i18n/strings.en.yaml
index 7fb9d09b4..c41b49629 100644
--- a/web/src/i18n/strings.en.yaml
+++ b/web/src/i18n/strings.en.yaml
@@ -330,3 +330,7 @@ noOptionalReviewers: No Optional Reviewers
 noRequiredReviewers: No Required Reviewers
 reviewers: Reviewers
 refresh: Refresh
+enableWebhookTitle: Enable the Webhook
+disableWebhookTitle: Disable the Webhook
+enableWebhookContent: Please confirm that you wanted to turn on 
+disableWebhookContent: Please confirm that you wanted to turn off
diff --git a/web/src/pages/Webhooks/Webhooks.tsx b/web/src/pages/Webhooks/Webhooks.tsx
index e86507f45..b5f6e665e 100644
--- a/web/src/pages/Webhooks/Webhooks.tsx
+++ b/web/src/pages/Webhooks/Webhooks.tsx
@@ -91,12 +91,13 @@ export default function Webhooks() {
                     <Container padding={'medium'} width={250}>
                       <Layout.Vertical>
                         <Text font={{ variation: FontVariation.H5, size: 'medium' }}>
-                          {getString('webhookDialogTitle')}
+                          {checked ? getString('disableWebhookTitle') : getString('enableWebhookTitle')}
                         </Text>
                         <Text
-                          padding={{ top: 'medium', bottom: 'medium', left: 'xsmall' }}
+                          padding={{ top: 'medium', bottom: 'medium' }}
                           font={{ variation: FontVariation.BODY2_SEMI }}>
-                          {getString('webhookDialogContent')}
+                          {checked ? getString('disableWebhookContent') : getString('enableWebhookContent')}
+                          <strong>{` "${row.original.display_name}"`}</strong>
                         </Text>
                         <Layout.Horizontal>
                           <Button