hide loading indicator for comps based on app setting

raheeliftikhar5 · raheeliftikhar5 · commit 4dbe9d44d1fa · 2024-09-06T23:43:21.000+05:00
diff --git a/client/packages/lowcoder/src/comps/comps/lazyLoadComp/lazyLoadComp.tsx b/client/packages/lowcoder/src/comps/comps/lazyLoadComp/lazyLoadComp.tsx
@@ -5,11 +5,12 @@ import { GreyTextColor } from "constants/style";
 import log from "loglevel";
 import { Comp, CompAction, CompConstructor, CompParams, customAction, isCustomAction } from "lowcoder-core";
 import { WhiteLoading } from "lowcoder-design";
-import { useState } from "react";
+import { useContext, useState } from "react";
 import { useMount } from "react-use";
 import styled from "styled-components";
 import { RemoteCompInfo, RemoteCompLoader } from "types/remoteComp";
 import { withErrorBoundary } from "comps/generators/withErrorBoundary";
+import { EditorContext } from "@lowcoder-ee/comps/editorState";
 
 const ViewError = styled.div`
   display: flex;
@@ -52,6 +53,8 @@ interface LazyCompViewProps {
 function LazyCompView(props: React.PropsWithChildren<LazyCompViewProps>) {
   const { loadComp, loadingElement, errorElement } = props;
   const [error, setError] = useState<any>("");
+  const editorState = useContext(EditorContext);
+  const showComponentLoadingIndicators = editorState?.getAppSettings().showComponentLoadingIndicators;
 
   useMount(() => {
     setError("");
@@ -71,14 +74,14 @@ function LazyCompView(props: React.PropsWithChildren<LazyCompViewProps>) {
     );
   }
 
+  if (!showComponentLoadingIndicators) return<></>;
+
   if (loadingElement) {
     return <ViewLoadingWrapper>{loadingElement()}</ViewLoadingWrapper>;
   }
 
   return (
-    <ViewLoadingWrapper>
-      <WhiteLoading />
-    </ViewLoadingWrapper>
+    <WhiteLoading />
   );
 }
 
