@yogiswara/honcho-editor-ui 2.5.2 → 2.5.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -118,49 +118,55 @@ export function useHonchoEditorBulk(controller, eventID, firebaseUid) {
|
|
|
118
118
|
const loadImages = useCallback(async (pageNum) => {
|
|
119
119
|
setIsLoading(true);
|
|
120
120
|
try {
|
|
121
|
-
const
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
121
|
+
const response = await controller.getImageList(firebaseUid, eventID, pageNum);
|
|
122
|
+
batchActions.syncAdjustment(response.gallery.map(mapToImageAdjustmentConfig));
|
|
123
|
+
// append instead of replacing
|
|
124
|
+
setImageCollection(prev => [...prev, ...response.gallery]);
|
|
125
|
+
// track page & "more" status
|
|
126
|
+
setPage(response.current_page);
|
|
127
|
+
setHasMore(!!response.next_page && response.gallery.length > 0);
|
|
126
128
|
}
|
|
127
129
|
catch (err) {
|
|
128
|
-
console.error("Failed to
|
|
130
|
+
console.error("Failed to fetch image list:", err);
|
|
131
|
+
setError("Could not load images.");
|
|
129
132
|
}
|
|
130
133
|
finally {
|
|
131
134
|
setIsLoading(false);
|
|
132
135
|
}
|
|
133
|
-
}, [controller, firebaseUid, eventID]);
|
|
136
|
+
}, [controller, firebaseUid, eventID, batchActions]);
|
|
134
137
|
const loadMoreImages = useCallback(() => {
|
|
135
138
|
if (!isLoading && hasMore) {
|
|
136
139
|
loadImages(page + 1);
|
|
137
140
|
}
|
|
138
141
|
}, [isLoading, hasMore, page, loadImages]);
|
|
139
142
|
// Extract selected image IDs for other operations (like applying bulk adjustments)
|
|
143
|
+
// useEffect(() => {
|
|
144
|
+
// if (eventID && firebaseUid) {
|
|
145
|
+
// setIsLoading(true);
|
|
146
|
+
// setError(null);
|
|
147
|
+
// controller.getImageList(firebaseUid, eventID, page+1)
|
|
148
|
+
// .then(response => {
|
|
149
|
+
// // TODO need do pagination for this one
|
|
150
|
+
// batchActions.syncAdjustment(response.gallery.map(mapToImageAdjustmentConfig));
|
|
151
|
+
// setImageCollection(response.gallery);
|
|
152
|
+
// })
|
|
153
|
+
// .catch(err => {
|
|
154
|
+
// console.error("Failed to fetch image list:", err);
|
|
155
|
+
// setError("Could not load images.");
|
|
156
|
+
// })
|
|
157
|
+
// .finally(() => {
|
|
158
|
+
// setIsLoading(false);
|
|
159
|
+
// });
|
|
160
|
+
// console.log("Image data FROM USEHONCHOBULK: ", imageData);
|
|
161
|
+
// }
|
|
162
|
+
// }, [eventID, firebaseUid, controller]);
|
|
140
163
|
useEffect(() => {
|
|
141
164
|
if (eventID && firebaseUid) {
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
.then(response => {
|
|
146
|
-
// TODO need do pagination for this one
|
|
147
|
-
batchActions.syncAdjustment(response.gallery.map(mapToImageAdjustmentConfig));
|
|
148
|
-
setImageCollection(response.gallery);
|
|
149
|
-
})
|
|
150
|
-
.catch(err => {
|
|
151
|
-
console.error("Failed to fetch image list:", err);
|
|
152
|
-
setError("Could not load images.");
|
|
153
|
-
})
|
|
154
|
-
.finally(() => {
|
|
155
|
-
setIsLoading(false);
|
|
156
|
-
});
|
|
157
|
-
console.log("Image data FROM USEHONCHOBULK: ", imageData);
|
|
165
|
+
setImageCollection([]); // reset when event changes
|
|
166
|
+
setPage(1);
|
|
167
|
+
loadImages(1);
|
|
158
168
|
}
|
|
159
|
-
}, [eventID, firebaseUid,
|
|
160
|
-
useEffect(() => {
|
|
161
|
-
setImageCollection([]);
|
|
162
|
-
console.log("Image collection FROM USEHONCHOBULK: : ", imageCollection);
|
|
163
|
-
}, [loadImages]);
|
|
169
|
+
}, [eventID, firebaseUid, loadImages]);
|
|
164
170
|
return {
|
|
165
171
|
imageData,
|
|
166
172
|
isLoading,
|