@yogiswara/honcho-editor-ui 2.5.2 → 2.5.4

package/dist/hooks/editor/useHonchoEditorBulk.js

@@ -118,19 +118,27 @@ export function useHonchoEditorBulk(controller, eventID, firebaseUid) {
     const loadImages = useCallback(async (pageNum) => {
         setIsLoading(true);
         try {
-            const res = await controller.getImageList(firebaseUid, eventID, pageNum);
-            const newImages = res.gallery || [];
-            setImageCollection(prev => [...prev, ...newImages]);
-            setPage(pageNum);
-            setHasMore(newImages.length > 0);
+            const response = await controller.getImageList(firebaseUid, eventID, pageNum);
+            batchActions.syncAdjustment(response.gallery.map(mapToImageAdjustmentConfig));
+            // append instead of replacing
+            setImageCollection(prev => [...prev, ...response.gallery]);
+            // track page & "more" status
+            setPage(response.current_page);
+            if (!response.next_page || response.gallery.length === 0) {
+                setHasMore(false);
+            }
+            else {
+                setHasMore(true);
+            }
         }
         catch (err) {
-            console.error("Failed to load images:", err);
+            console.error("Failed to fetch image list:", err);
+            setError("Could not load images.");
         }
         finally {
             setIsLoading(false);
         }
-    }, [controller, firebaseUid, eventID]);
+    }, [controller, firebaseUid, eventID, batchActions]);
     const loadMoreImages = useCallback(() => {
         if (!isLoading && hasMore) {
             loadImages(page + 1);
@@ -141,7 +149,7 @@ export function useHonchoEditorBulk(controller, eventID, firebaseUid) {
         if (eventID && firebaseUid) {
             setIsLoading(true);
             setError(null);
-            controller.getImageList(firebaseUid, eventID, 1)
+            controller.getImageList(firebaseUid, eventID, page + 1)
                 .then(response => {
                 // TODO need do pagination for this one
                 batchActions.syncAdjustment(response.gallery.map(mapToImageAdjustmentConfig));
@@ -158,9 +166,12 @@ export function useHonchoEditorBulk(controller, eventID, firebaseUid) {
         }
     }, [eventID, firebaseUid, controller]);
     useEffect(() => {
-        setImageCollection([]);
-        console.log("Image collection FROM USEHONCHOBULK: : ", imageCollection);
-    }, [loadImages]);
+        if (eventID && firebaseUid) {
+            setImageCollection([]); // reset when event changes
+            setPage(1);
+            loadImages(1);
+        }
+    }, [eventID, firebaseUid, loadImages]);
     return {
         imageData,
         isLoading,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yogiswara/honcho-editor-ui",
-  "version": "2.5.2",
+  "version": "2.5.4",
   "description": "A complete UI component library for the Honcho photo editor.",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",