fix: pipeline apps management page hide out of sync while loading (#1…

…9874)
PostHog · Jan 23, 2024 · f592a4d · f592a4d
1 parent 770b5aa
commit f592a4d
Showing 1 changed file with 4 additions and 0 deletions.
diff --git 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 />}