🖼️

No images generated yet

\n );\n }\n\n return (\n <>\n

\n {images.map((filename) => (\n

\n {loadingImages.has(filename) && (\n

\n )}\n \n {failedImages.has(filename) ? (\n

❌

Failed to load

\n ) : (\n handleImageClick(filename)}\n onLoad={() => handleImageLoad(filename)}\n onError={() => handleImageError(filename)}\n onLoadStart={() => setLoadingImages(prev => new Set(prev).add(filename))}\n />\n )}\n

\n \n

\n \n {filename}\n \n downloadImage(filename)}\n className=\"text-sm text-blue-600 hover:text-blue-800 ml-2\"\n title=\"Download image\"\n disabled={failedImages.has(filename)}\n >\n ⬇️\n \n

\n ))}\n

\n\n {/* Image Modal */}\n {selectedImage && (\n

e.stopPropagation()}>\n \n ✕\n \n \n

\n {selectedImage}\n

\n downloadImage(selectedImage)}\n className=\"text-sm bg-blue-600 hover:bg-blue-700 px-3 py-1 rounded\"\n >\n Download\n \n {\n navigator.clipboard.writeText(getImageUrl(selectedImage));\n }}\n className=\"text-sm bg-gray-600 hover:bg-gray-700 px-3 py-1 rounded\"\n >\n Copy URL\n \n

\n )}\n \n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/anibalpw/comfy-frontend/code/frontend/components/ImageGallery.tsx","extension","actionData","errors"]