From 7258cbe3ea9ad8e49c5194f62a25fcc1c7360fed Mon Sep 17 00:00:00 2001
From: Rhys Howell <rhys.howell@mongodb.com>
Date: Tue, 18 Mar 2025 00:56:57 -0400
Subject: [PATCH] chore(schema-validation): add initial load loading spinner

---
 .../src/components/validation-states.tsx                    | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/compass-schema-validation/src/components/validation-states.tsx b/packages/compass-schema-validation/src/components/validation-states.tsx
index ca31f5f47da..3cbdf751600 100644
--- a/packages/compass-schema-validation/src/components/validation-states.tsx
+++ b/packages/compass-schema-validation/src/components/validation-states.tsx
@@ -8,6 +8,7 @@ import {
   EmptyContent,
   ErrorSummary,
   Link,
+  SpinLoaderWithLabel,
   WarningSummary,
   css,
   spacing,
@@ -227,6 +228,11 @@ export function ValidationStates({
         />
       )}
       <ValidationBanners editMode={editMode} />
+      {!isLoaded && (
+        <div className={loaderStyles}>
+          <SpinLoaderWithLabel progressText="Loading Validation" />
+        </div>
+      )}
       {isLoaded && (
         <>
           {isZeroState && !isRulesGenerationInProgress && (