From 0b9f3de47c0c8b750c38da07e53927ba55ef3499 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp.dormann1@gmail.com>
Date: Fri, 15 Jan 2021 19:25:12 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20improvements=20in=20OrgOverview?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ref #16
---
 src/components/OrgOverview.svelte | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/OrgOverview.svelte b/src/components/OrgOverview.svelte
index a66540e0..f22ddb3a 100644
--- a/src/components/OrgOverview.svelte
+++ b/src/components/OrgOverview.svelte
@@ -7,18 +7,24 @@
   $: searchvalue = "";
   $: active_deletes = [];
   export let current_organizations = [];
+
+  const promise = RunnerOrganisationService.runnerOrganisationControllerGetAll().then(
+    (val) => {
+      current_organizations = val;
+    }
+  );
 </script>
 
 {#if store.state.jwtinfo.userdetails.permissions.includes('ORGANISATION:GET')}
-  {#await RunnerOrganisationService.runnerOrganisationControllerGetAll()}
+  {#await promise}
     <div
       class="bg-teal-lightest border-t-4 border-teal rounded-b text-teal-darkest px-4 py-3 shadow-md my-2"
       role="alert">
       <p class="font-bold">organizations are being loaded...</p>
       <p class="text-sm">{$_('this-might-take-a-moment')}</p>
     </div>
-  {:then orgs}
-    {#if orgs.length === 0}
+  {:then}
+    {#if current_organizations.length === 0}
       <OrgsEmptyState />
     {:else}
       <input
@@ -53,7 +59,7 @@
             </tr>
           </thead>
           <tbody class="divide-y divide-gray-200">
-            {#each orgs as o}
+            {#each current_organizations as o}
               {#if Object.values(o)
                 .toString()
                 .toLowerCase()