@yogiswara/honcho-editor-ui 2.5.1 → 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.
|
@@ -49,9 +49,11 @@ export function useHonchoEditorBulk(controller, eventID, firebaseUid) {
|
|
|
49
49
|
const [selectedBulkPreset, setSelectedBulkPreset] = useState('preset1');
|
|
50
50
|
const imageData = useMemo(() => {
|
|
51
51
|
return imageCollection.map(item => {
|
|
52
|
+
console.log("item FROM USEHONCHOBULK: ", item);
|
|
52
53
|
return mapGalleryToPhotoData(item, selectedIds);
|
|
53
54
|
}).map(item => {
|
|
54
55
|
const adjustment = currentBatch.allImages[item.key];
|
|
56
|
+
console.log("adjustment FROM USEHONCHOBULK: ", adjustment);
|
|
55
57
|
return adjustment ? { ...item, ...adjustment } : item;
|
|
56
58
|
});
|
|
57
59
|
}, [imageCollection, selectedIds, currentBatch.allImages]);
|
|
@@ -116,47 +118,55 @@ export function useHonchoEditorBulk(controller, eventID, firebaseUid) {
|
|
|
116
118
|
const loadImages = useCallback(async (pageNum) => {
|
|
117
119
|
setIsLoading(true);
|
|
118
120
|
try {
|
|
119
|
-
const
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
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);
|
|
124
128
|
}
|
|
125
129
|
catch (err) {
|
|
126
|
-
console.error("Failed to
|
|
130
|
+
console.error("Failed to fetch image list:", err);
|
|
131
|
+
setError("Could not load images.");
|
|
127
132
|
}
|
|
128
133
|
finally {
|
|
129
134
|
setIsLoading(false);
|
|
130
135
|
}
|
|
131
|
-
}, [controller, firebaseUid, eventID]);
|
|
136
|
+
}, [controller, firebaseUid, eventID, batchActions]);
|
|
132
137
|
const loadMoreImages = useCallback(() => {
|
|
133
138
|
if (!isLoading && hasMore) {
|
|
134
139
|
loadImages(page + 1);
|
|
135
140
|
}
|
|
136
141
|
}, [isLoading, hasMore, page, loadImages]);
|
|
137
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]);
|
|
138
163
|
useEffect(() => {
|
|
139
164
|
if (eventID && firebaseUid) {
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
.then(response => {
|
|
144
|
-
// TODO need do pagination for this one
|
|
145
|
-
batchActions.syncAdjustment(response.gallery.map(mapToImageAdjustmentConfig));
|
|
146
|
-
setImageCollection(response.gallery);
|
|
147
|
-
})
|
|
148
|
-
.catch(err => {
|
|
149
|
-
console.error("Failed to fetch image list:", err);
|
|
150
|
-
setError("Could not load images.");
|
|
151
|
-
})
|
|
152
|
-
.finally(() => {
|
|
153
|
-
setIsLoading(false);
|
|
154
|
-
});
|
|
165
|
+
setImageCollection([]); // reset when event changes
|
|
166
|
+
setPage(1);
|
|
167
|
+
loadImages(1);
|
|
155
168
|
}
|
|
156
|
-
}, [eventID, firebaseUid,
|
|
157
|
-
useEffect(() => {
|
|
158
|
-
setImageCollection([]);
|
|
159
|
-
}, [loadImages]);
|
|
169
|
+
}, [eventID, firebaseUid, loadImages]);
|
|
160
170
|
return {
|
|
161
171
|
imageData,
|
|
162
172
|
isLoading,
|