feat: make loading makse configurable

terrestris · Jul 3, 2024 · 4d89cc7 · 4d89cc7
1 parent 69e4b04
commit 4d89cc7
Showing 1 changed file with 29 additions and 22 deletions.
diff --git a/src/Legend/Legend.tsx b/src/Legend/Legend.tsx
@@ -59,6 +59,10 @@ export interface BaseProps {
    * Additional headers to apply for the img request.
    */
   headers?: HeadersInit;
+  /**
+   * Defines whether the loading mask should be displayed or not. Per default the loading mask is active.
+   */
+  loadingMask?: boolean;
 }
 
 export type LegendProps = BaseProps & React.HTMLAttributes<HTMLDivElement>;
@@ -76,6 +80,7 @@ export const Legend: React.FC<LegendProps> = ({
   onError,
   errorMsg,
   headers,
+  loadingMask = true,
   ...passThroughProps
 }) => {
 
@@ -139,28 +144,30 @@ export const Legend: React.FC<LegendProps> = ({
       className={`${CSS_PREFIX}legend ${className ? className : ''}`}
       {...passThroughProps}
     >
-      <Spin
-        spinning={loading}
-        indicator={(
-          <FontAwesomeIcon
-            icon={faCircleNotch}
-          />
-        )}
-      >
-        {legendError ?
-          <div
-            className='legend-load-error'
-          >
-            {errorMsg}
-          </div>
-          :
-          <img
-            src={imgSrc}
-            alt={alt}
-            onError={handleError.bind(this)}
-          />
-        }
-      </Spin>
+      { loadingMask &&
+        <Spin
+          spinning={loading}
+          indicator={(
+            <FontAwesomeIcon
+              icon={faCircleNotch}
+            />
+          )}
+        >
+          {legendError ?
+            <div
+              className='legend-load-error'
+            >
+              {errorMsg}
+            </div>
+            :
+            <img
+              src={imgSrc}
+              alt={alt}
+              onError={handleError.bind(this)}
+            />
+          }
+        </Spin>
+      }
     </div>
   );
 };