fix: reload data after status becomes available. it will make sure no item is disabled anymore

Author: karahanharunn

packages/pluggableWidgets/gallery-native/src/Gallery.tsx

@@ -13,7 +13,7 @@ import { extractFilters } from "./utils/filters";
 import { FilterCondition } from "mendix/filters";
 import { Gallery as GalleryComponent, GalleryProps as GalleryComponentProps } from "./components/Gallery";
 import { GalleryProps } from "../typings/GalleryProps";
-import { ObjectItem } from "mendix";
+import { ObjectItem, ValueStatus } from "mendix";
 
 export const Gallery = (props: GalleryProps<GalleryStyle>): ReactElement => {
     const viewStateFilters = useRef<FilterCondition | undefined>(undefined);
@@ -29,6 +29,18 @@ export const Gallery = (props: GalleryProps<GalleryStyle>): ReactElement => {
         }
     }, [props.datasource, props.pageSize]);
 
+    useEffect(() => {
+        if (props.datasource.status === ValueStatus.Available) {
+            return;
+        }
+        const intervalId = setInterval(() => {
+            props.datasource.reload();
+            if (props.datasource.status === ValueStatus.Available) {
+                clearInterval(intervalId); // Break the interval
+            }
+        }, 1000);
+    }, [props.datasource.items]);
+
     useEffect(() => {
         if (props.datasource.filter && !filtered && !viewStateFilters.current) {
             viewStateFilters.current = props.datasource.filter;