From 3b20d640620374b4c1a339803a403b5e9bd22943 Mon Sep 17 00:00:00 2001 From: schroda <50052685+schroda@users.noreply.github.com> Date: Mon, 9 Sep 2024 15:33:09 +0200 Subject: [PATCH] Call "onImageLoad" callback only on successful load In case the image load was aborted, the success callback was incorrectly called --- src/components/util/SpinnerImage.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/util/SpinnerImage.tsx b/src/components/util/SpinnerImage.tsx index 90eec73b..e57d451a 100644 --- a/src/components/util/SpinnerImage.tsx +++ b/src/components/util/SpinnerImage.tsx @@ -43,11 +43,11 @@ export const SpinnerImage = forwardRef((props: IProps, imgRef: ForwardedRef(undefined); const [hasError, setHasError] = useState(false); - const updateImageState = (loading: boolean, error: boolean = false) => { + const updateImageState = (loading: boolean, error: boolean = false, aborted: boolean = false) => { setIsLoading(loading); setHasError(error); - if (!loading && !error) { + if (!loading && !error && !aborted) { onImageLoad?.(); } }; @@ -87,7 +87,7 @@ export const SpinnerImage = forwardRef((props: IProps, imgRef: ForwardedRef