From eca106b7132174755a224d787ffe5996a5cc4baf Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 8 Feb 2023 17:05:49 +0100
Subject: [PATCH 1/2] feat: add even modal description

---
 src/lib/components/eventModal.svelte | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/eventModal.svelte b/src/lib/components/eventModal.svelte
index 38835eaf16..a3f5063665 100644
--- a/src/lib/components/eventModal.svelte
+++ b/src/lib/components/eventModal.svelte
@@ -240,7 +240,14 @@
 
 <Modal bind:show on:submit={create} size="big">
     <svelte:fragment slot="header">Create Event</svelte:fragment>
-
+    <p class="text">
+        Select events in your Appwrite project that will trigger your function. <a
+            href="https://appwrite.io/docs/events"
+            target="_blank"
+            rel="noopener noreferrer"
+            class="link">Learn more about Appwrite Events</a
+        >.
+    </p>
     <div>
         <p class="u-text">Choose a service</p>
         <div class="u-flex u-gap-8 u-margin-block-start-8">

From 7d6d02d6162d5cd95c13a8d0106bf3c20313c977 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 9 Feb 2023 09:48:29 +0100
Subject: [PATCH 2/2] feat: add description

---
 src/lib/components/eventModal.svelte                  |  9 +--------
 .../function-[function]/settings/updateEvents.svelte  | 11 ++++++++++-
 .../project-[project]/functions/wizard/step3.svelte   | 11 ++++++++++-
 .../settings/webhooks/[webhook]/updateEvents.svelte   | 11 ++++++++++-
 .../settings/webhooks/wizard/step2.svelte             | 11 ++++++++++-
 5 files changed, 41 insertions(+), 12 deletions(-)

diff --git a/src/lib/components/eventModal.svelte b/src/lib/components/eventModal.svelte
index a3f5063665..e791b40efb 100644
--- a/src/lib/components/eventModal.svelte
+++ b/src/lib/components/eventModal.svelte
@@ -240,14 +240,7 @@
 
 <Modal bind:show on:submit={create} size="big">
     <svelte:fragment slot="header">Create Event</svelte:fragment>
-    <p class="text">
-        Select events in your Appwrite project that will trigger your function. <a
-            href="https://appwrite.io/docs/events"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="link">Learn more about Appwrite Events</a
-        >.
-    </p>
+    <slot />
     <div>
         <p class="u-text">Choose a service</p>
         <div class="u-flex u-gap-8 u-margin-block-start-8">
diff --git a/src/routes/console/project-[project]/functions/function-[function]/settings/updateEvents.svelte b/src/routes/console/project-[project]/functions/function-[function]/settings/updateEvents.svelte
index 901b53c731..190f8d4c91 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/settings/updateEvents.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/settings/updateEvents.svelte
@@ -141,4 +141,13 @@
     </CardGrid>
 </Form>
 
-<EventModal bind:show={showEvents} initialValue={eventValue} on:created={handleEvent} />
+<EventModal bind:show={showEvents} initialValue={eventValue} on:created={handleEvent}>
+    <p class="text">
+        Select events in your Appwrite project that will trigger your function. <a
+            href="https://appwrite.io/docs/events"
+            target="_blank"
+            rel="noopener noreferrer"
+            class="link">Learn more about Appwrite Events</a
+        >.
+    </p>
+</EventModal>
diff --git a/src/routes/console/project-[project]/functions/wizard/step3.svelte b/src/routes/console/project-[project]/functions/wizard/step3.svelte
index 331fab5599..95319ec88c 100644
--- a/src/routes/console/project-[project]/functions/wizard/step3.svelte
+++ b/src/routes/console/project-[project]/functions/wizard/step3.svelte
@@ -55,5 +55,14 @@
 </WizardStep>
 
 {#if showCreate}
-    <EventModal bind:show={showCreate} on:created={handleCreated} />
+    <EventModal bind:show={showCreate} on:created={handleCreated}>
+        <p class="text">
+            Select events in your Appwrite project that will trigger your function. <a
+                href="https://appwrite.io/docs/events"
+                target="_blank"
+                rel="noopener noreferrer"
+                class="link">Learn more about Appwrite Events</a
+            >.
+        </p>
+    </EventModal>
 {/if}
diff --git a/src/routes/console/project-[project]/settings/webhooks/[webhook]/updateEvents.svelte b/src/routes/console/project-[project]/settings/webhooks/[webhook]/updateEvents.svelte
index 919d214023..258a9a51cf 100644
--- a/src/routes/console/project-[project]/settings/webhooks/[webhook]/updateEvents.svelte
+++ b/src/routes/console/project-[project]/settings/webhooks/[webhook]/updateEvents.svelte
@@ -106,4 +106,13 @@
     </CardGrid>
 </Form>
 
-<EventModal bind:show={showCreateEvent} on:created={handleEvent} />
+<EventModal bind:show={showCreateEvent} on:created={handleEvent}>
+    <p class="text">
+        Select events in your Appwrite project that will trigger your webhook. <a
+            href="https://appwrite.io/docs/events"
+            target="_blank"
+            rel="noopener noreferrer"
+            class="link">Learn more about Appwrite Events</a
+        >.
+    </p>
+</EventModal>
diff --git a/src/routes/console/project-[project]/settings/webhooks/wizard/step2.svelte b/src/routes/console/project-[project]/settings/webhooks/wizard/step2.svelte
index d50dc20279..252899fc2f 100644
--- a/src/routes/console/project-[project]/settings/webhooks/wizard/step2.svelte
+++ b/src/routes/console/project-[project]/settings/webhooks/wizard/step2.svelte
@@ -55,5 +55,14 @@
 </WizardStep>
 
 {#if showCreate}
-    <EventModal bind:show={showCreate} on:created={handleCreated} />
+    <EventModal bind:show={showCreate} on:created={handleCreated}>
+        <p class="text">
+            Select events in your Appwrite project that will trigger your webhook. <a
+                href="https://appwrite.io/docs/events"
+                target="_blank"
+                rel="noopener noreferrer"
+                class="link">Learn more about Appwrite Events</a
+            >.
+        </p>
+    </EventModal>
 {/if}