diff --git a/src/photo/form/PhotoForm.tsx b/src/photo/form/PhotoForm.tsx index 25437a01..e11d0c29 100644 --- a/src/photo/form/PhotoForm.tsx +++ b/src/photo/form/PhotoForm.tsx @@ -28,6 +28,7 @@ import { Tags, sortTagsObjectWithoutFavs } from '@/tag'; import { formatCount, formatCountDescriptive } from '@/utility/string'; import { AiContent } from '../ai/useAiImageQueries'; import AiButton from '../ai/AiButton'; +import Spinner from '@/components/Spinner'; const THUMBNAIL_SIZE = 300; @@ -59,6 +60,14 @@ export default function PhotoForm({ useState(getFormErrors(initialPhotoForm)); const [blurError, setBlurError] = useState(); + const [hasBlurData, setHasBlurData] = useState(false); + + // Show image loading status when necessary for + // blur data or AI analysis + const showImageLoadingStatus = !hasBlurData && ( + BLUR_ENABLED || + aiContent !== undefined + ); // Update form when EXIF data // is refreshed by parent @@ -122,6 +131,7 @@ export default function PhotoForm({ blurData, })); } + setHasBlurData(true); }, []); useEffect(() => @@ -208,17 +218,41 @@ export default function PhotoForm({ {blurError} }
- +
+ +
+
+ + Analyzing image +
+
+