@yogiswara/honcho-editor-ui 1.0.14 → 1.0.15

package/dist/hooks/editor/useHonchoEditor.js

@@ -287,17 +287,27 @@ export function useHonchoEditor(controller, initImageId, firebaseUid) {
         }
     }, [controller, loadImageFromUrl]);
     const handlePrev = useCallback(async (firebaseUid) => {
-        const prevImageId = imageList[imageList.length - 2]?.id;
-        if (prevImageId) {
-            setCurrentImageId(prevImageId);
+        // Find the current image index
+        const currentIndex = imageList.findIndex(img => img.id === currentImageId);
+        // If not the first image, go to previous
+        if (currentIndex > 0) {
+            const prevImageId = imageList[currentIndex - 1]?.id;
+            if (prevImageId) {
+                setCurrentImageId(prevImageId);
+            }
         }
-    }, [imageList]);
+    }, [imageList, currentImageId]);
     const handleNext = useCallback(async (firebaseUid) => {
-        const nextImageId = imageList[1]?.id;
-        if (nextImageId) {
-            setCurrentImageId(nextImageId);
+        // Find the current image index
+        const currentIndex = imageList.findIndex(img => img.id === currentImageId);
+        // If not the last image, go to next
+        if (currentIndex < imageList.length - 1 && currentIndex !== -1) {
+            const nextImageId = imageList[currentIndex + 1]?.id;
+            if (nextImageId) {
+                setCurrentImageId(nextImageId);
+            }
         }
-    }, [imageList]);
+    }, [imageList, currentImageId]);
     useEffect(() => {
         if (currentImageId && firebaseUid) {
             loadImageFromId(firebaseUid, currentImageId);

package/package.json

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