Fixes incorrect Webhook Component title (#2047)

* fixed incorrect Webhook Component title

* fixed subtitle

* fixed lint

* lint fix

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
+          <ShellSubHeading className="mt-10" title={props.title} subtitle={props.subtitle} />
-            className="mt-10"
-            title={t("Team Webhooks")}
-            subtitle={t("receive_cal_event_meeting_data")}
-          />
           <List>
             <ListItem className={classNames("flex-col")}>
               <div

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>

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>

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.",