From 52e6711d510d8bf8f1a811e2d5097f70e6acad02 Mon Sep 17 00:00:00 2001
From: Syed Ali Shahbaz <52925846+alishaz-polymath@users.noreply.github.com>
Date: Thu, 3 Mar 2022 19:46:07 +0530
Subject: [PATCH] Fixes incorrect Webhook Component title (#2047)

* fixed incorrect Webhook Component title

* fixed subtitle

* fixed lint

* lint fix
---
 apps/web/components/webhook/WebhookListContainer.tsx | 8 +++-----
 apps/web/pages/event-types/[type].tsx                | 8 +++++++-
 apps/web/pages/integrations/index.tsx                | 2 +-
 apps/web/public/static/locales/en/common.json        | 2 ++
 4 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/apps/web/components/webhook/WebhookListContainer.tsx b/apps/web/components/webhook/WebhookListContainer.tsx
index 253a1618..2603366d 100644
--- a/apps/web/components/webhook/WebhookListContainer.tsx
+++ b/apps/web/components/webhook/WebhookListContainer.tsx
@@ -14,6 +14,8 @@ import WebhookDialogForm from "@components/webhook/WebhookDialogForm";
 import WebhookListItem, { TWebhook } from "@components/webhook/WebhookListItem";
 
 export type WebhookListContainerType = {
+  title: string;
+  subtitle: string;
   eventTypeId?: number;
 };
 
@@ -35,11 +37,7 @@ export default function WebhookListContainer(props: WebhookListContainerType) {
       query={query}
       success={({ data }) => (
         <>
-          <ShellSubHeading
-            className="mt-10"
-            title={t("Team Webhooks")}
-            subtitle={t("receive_cal_event_meeting_data")}
-          />
+          <ShellSubHeading className="mt-10" title={props.title} subtitle={props.subtitle} />
           <List>
             <ListItem className={classNames("flex-col")}>
               <div
diff --git a/apps/web/pages/event-types/[type].tsx b/apps/web/pages/event-types/[type].tsx
index 6093ee28..8993a476 100644
--- a/apps/web/pages/event-types/[type].tsx
+++ b/apps/web/pages/event-types/[type].tsx
@@ -1531,7 +1531,13 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
               </Dialog>
             )}
           />
-          {isAdmin && <WebhookListContainer eventTypeId={props.eventType.id} />}
+          {isAdmin && (
+            <WebhookListContainer
+              title={t("team_webhooks")}
+              subtitle={t("receive_cal_event_meeting_data")}
+              eventTypeId={props.eventType.id}
+            />
+          )}
         </ClientSuspense>
       </Shell>
     </div>
diff --git a/apps/web/pages/integrations/index.tsx b/apps/web/pages/integrations/index.tsx
index ef7a64e8..94fd380d 100644
--- a/apps/web/pages/integrations/index.tsx
+++ b/apps/web/pages/integrations/index.tsx
@@ -289,7 +289,7 @@ export default function IntegrationsPage() {
       <ClientSuspense fallback={<Loader />}>
         <IntegrationsContainer />
         <CalendarListContainer />
-        <WebhookListContainer />
+        <WebhookListContainer title={t("webhooks")} subtitle={t("receive_cal_meeting_data")} />
         <IframeEmbedContainer />
         <Web3Container />
       </ClientSuspense>
diff --git a/apps/web/public/static/locales/en/common.json b/apps/web/public/static/locales/en/common.json
index 1291da99..3def143b 100644
--- a/apps/web/public/static/locales/en/common.json
+++ b/apps/web/public/static/locales/en/common.json
@@ -311,6 +311,8 @@
   "event_triggers": "Event Triggers",
   "subscriber_url": "Subscriber Url",
   "create_new_webhook": "Create a new webhook",
+  "webhooks": "Webhooks",
+  "team_webhooks": "Team Webhooks",
   "create_new_webhook_to_account": "Create a new webhook to your account",
   "new_webhook": "New Webhook",
   "receive_cal_meeting_data": "Receive Cal meeting data at a specified URL, in real-time, when an event is scheduled or cancelled.",