From e724435a352ef2e8ed7e4f32d3b288f39374a2b5 Mon Sep 17 00:00:00 2001
From: Dean <deanhannigan@gmail.com>
Date: Wed, 15 May 2024 14:43:38 +0100
Subject: [PATCH] UX feedback

---
 packages/builder/src/components/common/UpdateAppForm.svelte | 3 +++
 .../builder/src/components/common/UpdateAppTopNav.svelte    | 6 +++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/builder/src/components/common/UpdateAppForm.svelte b/packages/builder/src/components/common/UpdateAppForm.svelte
index 22b3c72a90..0e07c5c918 100644
--- a/packages/builder/src/components/common/UpdateAppForm.svelte
+++ b/packages/builder/src/components/common/UpdateAppForm.svelte
@@ -9,11 +9,13 @@
   import * as appValidation from "helpers/validation/yup/app"
   import EditableIcon from "components/common/EditableIcon.svelte"
   import { isEqual } from "lodash"
+  import { createEventDispatcher } from "svelte"
 
   export let alignActions = "left"
 
   const values = writable({})
   const validation = createValidationStore()
+  const dispatch = createEventDispatcher()
 
   let updating = false
   let edited = false
@@ -173,6 +175,7 @@
             updating = true
             await updateApp()
             updating = false
+            dispatch("updated")
           }}
           disabled={appDeployed || updating || !edited || !$validation.valid}
         >
diff --git a/packages/builder/src/components/common/UpdateAppTopNav.svelte b/packages/builder/src/components/common/UpdateAppTopNav.svelte
index 49d1552cf0..f4a76c4576 100644
--- a/packages/builder/src/components/common/UpdateAppTopNav.svelte
+++ b/packages/builder/src/components/common/UpdateAppTopNav.svelte
@@ -39,7 +39,11 @@
 >
   <Layout noPadding gap="M">
     <div class="popover-content">
-      <UpdateAppForm />
+      <UpdateAppForm
+        on:updated={() => {
+          formPopover.hide()
+        }}
+      />
     </div>
   </Layout>
 </Popover>