fix(Cluster): show loader if capabilities not loaded

ydb-platform · Dec 25, 2024 · 8a5c907 · 8a5c907
1 parent d590f05
commit 8a5c907
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/src/containers/App/Content.tsx b/src/containers/App/Content.tsx
@@ -178,8 +178,7 @@ function DataWrapper({children}: {children: React.ReactNode}) {
     return (
         <GetUser>
             <GetNodesList />
-            <GetCapabilities />
-            {children}
+            <GetCapabilities>{children}</GetCapabilities>
         </GetUser>
     );
 }
@@ -199,9 +198,14 @@ function GetNodesList() {
     return null;
 }
 
-function GetCapabilities() {
-    useCapabilitiesQuery();
-    return null;
+function GetCapabilities({children}: {children: React.ReactNode}) {
+    const {isLoading} = useCapabilitiesQuery();
+
+    return (
+        <LoaderWrapper loading={isLoading} size="l">
+            {children}
+        </LoaderWrapper>
+    );
 }
 
 interface ContentWrapperProps {

diff --git a/src/store/reducers/capabilities/hooks.ts b/src/store/reducers/capabilities/hooks.ts
@@ -15,7 +15,7 @@ function useDatabaseFromQuery() {
 export function useCapabilitiesQuery() {
     const database = useDatabaseFromQuery();
 
-    capabilitiesApi.useGetClusterCapabilitiesQuery({database});
+    return capabilitiesApi.useGetClusterCapabilitiesQuery({database});
 }
 
 export function useCapabilitiesLoaded() {