From f592a4d7eb97e3d56819fb8fe86a51905bf3bcf7 Mon Sep 17 00:00:00 2001
From: Tiina Turban <tiina303@gmail.com>
Date: Tue, 23 Jan 2024 21:25:24 +0100
Subject: [PATCH] fix: pipeline apps management page hide out of sync while
 loading (#19874)

---
 frontend/src/scenes/pipeline/AppsManagement.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/src/scenes/pipeline/AppsManagement.tsx b/frontend/src/scenes/pipeline/AppsManagement.tsx
index bdb4741f576d0..93fb49a11e71c 100644
--- a/frontend/src/scenes/pipeline/AppsManagement.tsx
+++ b/frontend/src/scenes/pipeline/AppsManagement.tsx
@@ -34,6 +34,7 @@ export function AppsManagement(): JSX.Element {
         shouldNotBeGlobalPlugins,
         globalPlugins,
         localPlugins,
+        pluginsLoading,
     } = useValues(appsManagementLogic)
     const { isDev, isCloudOrDev } = useValues(preflightLogic)
 
@@ -43,7 +44,10 @@ export function AppsManagement(): JSX.Element {
 
     return (
         <div className="pipeline-apps-management-scene">
+            {/* When plugins are still loading we don't know yet if any apps are out of sync
+            with the global state, so skip this section for smooter user experience */}
             {isCloudOrDev &&
+                !pluginsLoading &&
                 (missingGlobalPlugins.length > 0 ||
                     shouldBeGlobalPlugins.length > 0 ||
                     shouldNotBeGlobalPlugins.length > 0) && <OutOfSyncApps />}