diff --git a/ui/src/components/DatasetImageCard.tsx b/ui/src/components/DatasetImageCard.tsx index 101baff..8a4360a 100644 --- a/ui/src/components/DatasetImageCard.tsx +++ b/ui/src/components/DatasetImageCard.tsx @@ -80,7 +80,7 @@ const DatasetImageCard: React.FC = ({ if (inViewport && isVisible) { fetchCaption(); } - }, [inViewport, isVisible]); + }, [inViewport, isVisible, isCaptionLoaded]); // Poll for caption updates every 5 seconds while auto-captioning useEffect(() => { @@ -241,7 +241,7 @@ const DatasetImageCard: React.FC = ({ 'border-transparent border-2': isCaptionCurrent, })} > - {inViewport && isVisible && isCaptionLoaded && ( + {inViewport && isVisible && (isCaptionLoaded || caption) && (
{ e.preventDefault(); @@ -266,7 +266,7 @@ const DatasetImageCard: React.FC = ({ {isVisible ? 'Scroll into view to edit caption' : 'Show content to edit caption'} )} - {!isCaptionLoaded && ( + {!isCaptionLoaded && !caption && (
Loading caption...
)}