From 7329c9d0bbe055a8dfd244868d435d754ea971d3 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Fri, 4 Apr 2025 17:24:03 +0200
Subject: [PATCH] Ensure appstore grid is only shown if apps are loaded

---
 dashboard/src/views/AppstoreView.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/dashboard/src/views/AppstoreView.vue b/dashboard/src/views/AppstoreView.vue
index 49df1648a..17577f139 100644
--- a/dashboard/src/views/AppstoreView.vue
+++ b/dashboard/src/views/AppstoreView.vue
@@ -93,7 +93,7 @@ onMounted(async () => {
 
     <!-- TODO mark unstable apps -->
 
-    <div v-if="!search">
+    <div v-if="!search && ready">
       <h4 v-show="filteredPopularApps.length">{{ $t('appstore.category.popular') }}</h4>
       <TransitionGroup name="grid-animation" tag="div" class="grid" v-show="ready">
         <AppStoreItem v-for="app in filteredPopularApps" :app="app" :key="app.id" :ref="'item-' + app.id" @click="onInstall(app)"/>
@@ -104,7 +104,7 @@ onMounted(async () => {
         <AppStoreItem v-for="app in filteredAllApps" :app="app" :key="app.id" :ref="'item-' + app.id" @click="onInstall(app)"/>
       </TransitionGroup>
     </div>
-    <div v-else>
+    <div v-else-if="ready">
       <TransitionGroup name="grid-animation" tag="div" class="grid" v-show="ready">
         <AppStoreItem v-for="app in filteredApps" :app="app" :key="app.id" :ref="'item-' + app.id" @click="onInstall(app)"/>
       </TransitionGroup>