From 4c6113d82297003dc5a208ad31e41baabe99fc8d Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 13 Mar 2025 12:11:01 +0100
Subject: [PATCH] fix: active modal

---
 .../(modals)/activateModal.svelte               | 17 +++++++++--------
 .../sites/activateDeploymentModal.svelte        |  6 +++---
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/routes/(console)/project-[project]/functions/function-[function]/(modals)/activateModal.svelte b/src/routes/(console)/project-[project]/functions/function-[function]/(modals)/activateModal.svelte
index e86a2113e..5ea77ed0a 100644
--- a/src/routes/(console)/project-[project]/functions/function-[function]/(modals)/activateModal.svelte
+++ b/src/routes/(console)/project-[project]/functions/function-[function]/(modals)/activateModal.svelte
@@ -9,7 +9,7 @@
 
     export let showActivate = false;
     export let selectedDeployment: Models.Deployment = null;
-
+    let error = null;
     const dispatch = createEventDispatcher();
 
     const handleSubmit = async () => {
@@ -25,17 +25,18 @@
             });
             dispatch('activated');
             trackEvent(Submit.DeploymentUpdate);
-        } catch (error) {
-            addNotification({
-                type: 'error',
-                message: error.message
-            });
-            trackError(error, Submit.DeploymentUpdate);
+        } catch (e) {
+            error = e.message;
+            trackError(e, Submit.DeploymentUpdate);
         }
     };
+
+    $: if (!showActivate) {
+        error = null;
+    }
 </script>
 
-<Confirm title="Activate deployment" bind:open={showActivate} onSubmit={handleSubmit}>
+<Confirm title="Activate deployment" bind:open={showActivate} onSubmit={handleSubmit} bind:error>
     <p>This deployment is ready but not yet live. Activate it to make it publicly accessible.</p>
     <svelte:fragment slot="footer">
         <Button text on:click={() => (showActivate = false)}>Cancel</Button>
diff --git a/src/routes/(console)/project-[project]/sites/activateDeploymentModal.svelte b/src/routes/(console)/project-[project]/sites/activateDeploymentModal.svelte
index 758413a4d..74bcc6be0 100644
--- a/src/routes/(console)/project-[project]/sites/activateDeploymentModal.svelte
+++ b/src/routes/(console)/project-[project]/sites/activateDeploymentModal.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { Button } from '$lib/elements/forms';
-    import { Modal } from '$lib/components';
+    import { Confirm } from '$lib/components';
     import { sdk } from '$lib/stores/sdk';
     import { addNotification } from '$lib/stores/notifications';
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
@@ -31,7 +31,7 @@
     }
 </script>
 
-<Modal title="Activate deployment" bind:show bind:error onSubmit={activate}>
+<Confirm title="Activate deployment" bind:open={show} bind:error onSubmit={activate}>
     <p class="text">
         This deployment is ready but not yet live. Activate it to make it publicly accessible.
     </p>
@@ -40,4 +40,4 @@
         <Button secondary on:click={() => (show = false)}>Cancel</Button>
         <Button submit>Activate</Button>
     </svelte:fragment>
-</Modal>
+</Confirm>