diff options
Diffstat (limited to 'FrontEnd/src/views/common/BlobImage.tsx')
-rw-r--r-- | FrontEnd/src/views/common/BlobImage.tsx | 26 |
1 files changed, 0 insertions, 26 deletions
diff --git a/FrontEnd/src/views/common/BlobImage.tsx b/FrontEnd/src/views/common/BlobImage.tsx deleted file mode 100644 index 259c2210..00000000 --- a/FrontEnd/src/views/common/BlobImage.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import { ComponentPropsWithoutRef, useState, useEffect } from "react"; - -type BlobImageProps = Omit<ComponentPropsWithoutRef<"img">, "src"> & { - imgRef?: React.Ref<HTMLImageElement>; - src?: Blob | string | null; -}; - -export default function BlobImage(props: BlobImageProps) { - const { imgRef, src, ...otherProps } = props; - - const [url, setUrl] = useState<string | null | undefined>(undefined); - - useEffect(() => { - if (src instanceof Blob) { - const url = URL.createObjectURL(src); - setUrl(url); - return () => { - URL.revokeObjectURL(url); - }; - } else { - setUrl(src); - } - }, [src]); - - return <img ref={imgRef} {...otherProps} src={url ?? undefined} />; -} |