From 7ee9b74a95f0ed9462b08bc143693c99c8caddad Mon Sep 17 00:00:00 2001 From: michaelschal <35957947-michaelschal@users.noreply.replit.com> Date: Tue, 18 Nov 2025 08:54:26 +0000 Subject: [PATCH] Add console logs for debugging image editor functionality Adds console logs to the image editor page in the client to aid in debugging issues related to media selection and URL generation. Replit-Commit-Author: Agent Replit-Commit-Session-Id: ae4037a0-2a6f-4530-9bac-79b543286bda Replit-Commit-Checkpoint-Type: intermediate_checkpoint Replit-Commit-Event-Id: cc48d98e-8c7e-4d95-835d-8e33b87c8532 Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/397bca8c-984f-43ff-841a-10897aeb8140/ae4037a0-2a6f-4530-9bac-79b543286bda/JgqpaNl --- client/src/pages/image-editor.tsx | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) 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}`} >