Show spinner when list of available checks is still loading (#1152)

paranext · Sep 23, 2024 · 681f4a8 · 681f4a8
2 parents 2302dfa + abf2afc
commit 681f4a8
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/extensions/src/platform-scripture/src/checks/configure-checks/configure-checks.component.tsx b/extensions/src/platform-scripture/src/checks/configure-checks/configure-checks.component.tsx
@@ -98,9 +98,15 @@ export default function ConfigureChecks({
     );
   }, [activeRanges]);
 
+  const noAvailableChecks = useMemo(() => availableChecks.length === 0, [availableChecks]);
+  const singleEmptyCheck = useMemo(
+    () => availableChecks.length === 1 && availableChecks[0].checkId === '',
+    [availableChecks],
+  );
+
   return (
     <div className="configure-checks-dialog">
-      {availableChecks.length === 0 ? (
+      {noAvailableChecks || singleEmptyCheck ? (
         <div className="configure-checks-loader">
           <Spinner />
           <Label>Loading checks</Label>