From 4fa1d399b586099633951a3a5b215257132aef07 Mon Sep 17 00:00:00 2001
From: Dean <deanhannigan@gmail.com>
Date: Mon, 9 May 2022 16:31:17 +0100
Subject: [PATCH] Added the app creation buttons back into the header of the
 page. Previously removed by mistake

---
 .../pages/builder/portal/apps/index.svelte    | 28 ++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/packages/builder/src/pages/builder/portal/apps/index.svelte b/packages/builder/src/pages/builder/portal/apps/index.svelte
index 9ee3854998..291eef0821 100644
--- a/packages/builder/src/pages/builder/portal/apps/index.svelte
+++ b/packages/builder/src/pages/builder/portal/apps/index.svelte
@@ -301,7 +301,7 @@
 </script>
 
 <Page wide>
-  <Layout noPadding gap="XL">
+  <Layout noPadding gap="M">
     {#if loaded}
       <div class="title">
         <div class="welcome">
@@ -311,6 +311,29 @@
               {welcomeBody}
             </Body>
           </Layout>
+          {#if !$apps?.length}
+            <div class="buttons">
+              <Button
+                dataCy="create-app-btn"
+                size="M"
+                icon="Add"
+                cta
+                on:click={initiateAppCreation}
+              >
+                {createAppButtonText}
+              </Button>
+              <Button
+                dataCy="import-app-btn"
+                icon="Import"
+                size="L"
+                quiet
+                secondary
+                on:click={initiateAppImport}
+              >
+                Import app
+              </Button>
+            </div>
+          {/if}
         </div>
       </div>
 
@@ -466,6 +489,9 @@
   .app-actions :global(> button) {
     margin-right: 10px;
   }
+  .title .welcome > .buttons {
+    padding-top: var(--spacing-l);
+  }
   .title {
     display: flex;
     flex-direction: row;