Uncodedtech
diff --git a/‎apps/web/app/(use-page-wrapper)/settings/(settings-layout)/developer/webhooks/[id]/loading.tsx‎
Lines changed: 5 additions & 0 deletions b/‎apps/web/app/(use-page-wrapper)/settings/(settings-layout)/developer/webhooks/[id]/loading.tsx‎
Lines changed: 5 additions & 0 deletions
diff --git a/‎apps/web/app/(use-page-wrapper)/settings/(settings-layout)/developer/webhooks/new/loading.tsx‎
Lines changed: 2 additions & 2 deletions b/‎apps/web/app/(use-page-wrapper)/settings/(settings-layout)/developer/webhooks/new/loading.tsx‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎apps/web/app/providers.tsx‎
Lines changed: 8 additions & 5 deletions b/‎apps/web/app/providers.tsx‎
Lines changed: 8 additions & 5 deletions
diff --git a/‎apps/web/modules/event-types/components/tabs/instant/InstantEventController.tsx‎
Lines changed: 1 addition & 2 deletions b/‎apps/web/modules/event-types/components/tabs/instant/InstantEventController.tsx‎
Lines changed: 1 addition & 2 deletions
@@ -0,0 +1,5 @@
+import { WebhookFormSkeleton } from "~/webhooks/views/webhook-form-skeleton";
+
+export default function Loading() {
+  return <WebhookFormSkeleton titleKey="edit_webhook" />;
+}
@@ -1,5 +1,5 @@
-import { SkeletonLoader } from "~/webhooks/views/webhook-new-skeleton";
+import { WebhookFormSkeleton } from "~/webhooks/views/webhook-form-skeleton";
 
 export default function Loading() {
-  return <SkeletonLoader />;
+  return <WebhookFormSkeleton />;
 }
@@ -3,6 +3,7 @@
 import { TrpcProvider } from "app/_trpc/trpc-provider";
 import { SessionProvider } from "next-auth/react";
 import CacheProvider from "react-inlinesvg/provider";
+import { ToastProvider } from "@coss/ui/components/toast";
 
 import { WebPushProvider } from "@calcom/web/modules/notifications/components/WebPushContext";
 import { NotificationSoundHandler } from "@calcom/web/components/notification-sound-handler";
@@ -24,11 +25,13 @@ export function Providers({ isEmbed, children, country }: ProvidersProps) {
     <GeoProvider country={country}>
       <SessionProvider>
         <TrpcProvider>
-          {!isEmbed && !isBookingPage && <NotificationSoundHandler />}
-          {/* @ts-expect-error FIXME remove this comment when upgrading typescript to v5 */}
-          <CacheProvider>
-            <WebPushProvider>{children}</WebPushProvider>
-          </CacheProvider>
+          <ToastProvider position="bottom-center">
+            {!isEmbed && !isBookingPage && <NotificationSoundHandler />}
+            {/* @ts-expect-error FIXME remove this comment when upgrading typescript to v5 */}
+            <CacheProvider>
+              <WebPushProvider>{children}</WebPushProvider>
+            </CacheProvider>
+          </ToastProvider>
         </TrpcProvider>
       </SessionProvider>
     </GeoProvider>
 
@@ -374,9 +374,8 @@ const InstantMeetingWebhooks = ({ eventType }: { eventType: EventTypeSetup }) =>
                       <WebhookListItem
                         key={webhook.id}
                         webhook={webhook}
-                        lastItem={webhooks.length === index + 1}
                         canEditWebhook={!webhookLockedStatus.disabled}
-                        onEditWebhook={() => {
+                        onEditWebhookAction={() => {
                           setEditModalOpen(true);
                           setWebhookToEdit(webhook);
                         }}
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`		`-import { SkeletonLoader } from "~/webhooks/views/webhook-new-skeleton";`
	`1`	`+import { WebhookFormSkeleton } from "~/webhooks/views/webhook-form-skeleton";`
`2`	`2`
`3`	`3`	`export default function Loading() {`
`4`		`- return <SkeletonLoader />;`
	`4`	`+ return <WebhookFormSkeleton />;`
`5`	`5`	`}`