diff --git a/client/src/pages/image-editor.tsx b/client/src/pages/image-editor.tsx index 85fbdc6..23d0b4f 100644 --- a/client/src/pages/image-editor.tsx +++ b/client/src/pages/image-editor.tsx @@ -114,6 +114,8 @@ export default function ImageEditor() { // Generate Cloudinary transformation URL useEffect(() => { + console.log("[ImageEditor] useEffect triggered, selectedMedia:", selectedMedia); + if (!selectedMedia) { setPreviewUrl(""); return; @@ -121,6 +123,7 @@ export default function ImageEditor() { // Start with base image URL let url = selectedMedia.originalUrl; + console.log("[ImageEditor] Generating preview URL from:", url); // Extract Cloudinary parts const cloudinaryPattern = /https:\/\/res\.cloudinary\.com\/([^\/]+)\/image\/upload\//; @@ -297,7 +300,10 @@ export default function ImageEditor() { className={`relative cursor-pointer rounded-lg overflow-hidden border-2 transition-all ${ selectedMedia?.id === media.id ? 'border-primary ring-2 ring-primary' : 'border-border hover:border-primary/50' }`} - onClick={() => setSelectedMedia(media)} + onClick={() => { + console.log("[ImageEditor] Thumbnail clicked, media:", media); + setSelectedMedia(media); + }} data-testid={`select-image-${media.id}`} >