fix: add translucent prop to CachedDataQueryProvider

dhis2 · Sep 10, 2024 · ac256b6 · ac256b6
1 parent 66cd146
commit ac256b6
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/components/CachedDataQueryProvider.js b/src/components/CachedDataQueryProvider.js
@@ -6,15 +6,20 @@ import React, { createContext, useContext } from 'react'
 
 const CachedDataQueryCtx = createContext({})
 
-const CachedDataQueryProvider = ({ query, dataTransformation, children }) => {
+const CachedDataQueryProvider = ({
+    query,
+    dataTransformation,
+    children,
+    translucent = true,
+}) => {
     const { data: rawData, ...rest } = useDataQuery(query)
     const { error, loading } = rest
     const data =
         rawData && dataTransformation ? dataTransformation(rawData) : rawData
 
     if (loading) {
         return (
-            <Layer translucent>
+            <Layer translucent={translucent}>
                 <CenteredContent>
                     <CircularLoader />
                 </CenteredContent>
@@ -43,6 +48,7 @@ CachedDataQueryProvider.propTypes = {
     children: PropTypes.node.isRequired,
     query: PropTypes.object.isRequired,
     dataTransformation: PropTypes.func,
+    translucent: PropTypes.bool,
 }
 
 const useCachedDataQuery = () => useContext(CachedDataQueryCtx)