From 0a12dfd1920dc4110225d5abcbe8da03873bd459 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Wed, 21 Dec 2022 08:50:39 +0000
Subject: [PATCH] Fix flashing in version settings page

---
 .../pages/builder/portal/settings/version.svelte | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/packages/builder/src/pages/builder/portal/settings/version.svelte b/packages/builder/src/pages/builder/portal/settings/version.svelte
index 519793be54..694475edcc 100644
--- a/packages/builder/src/pages/builder/portal/settings/version.svelte
+++ b/packages/builder/src/pages/builder/portal/settings/version.svelte
@@ -14,6 +14,7 @@
   import { redirect } from "@roxi/routify"
 
   let version
+  let loaded = false
 
   // Only admins allowed here
   $: {
@@ -46,8 +47,9 @@
     }
   }
 
-  onMount(() => {
-    getVersion()
+  onMount(async () => {
+    await getVersion()
+    loaded = true
   })
 </script>
 
@@ -61,16 +63,16 @@
       </Body>
     </Layout>
     <Divider />
-    {#if version}
+    {#if loaded}
       <Layout noPadding gap="XS">
         <Label size="L">Current version</Label>
         <Heading size="S">
-          {version}
+          {version || "-"}
         </Heading>
       </Layout>
+      <div>
+        <Button cta on:click={updateBudibase}>Check for updates</Button>
+      </div>
     {/if}
-    <div>
-      <Button cta on:click={updateBudibase}>Check for updates</Button>
-    </div>
   </Layout>
 {/if}