diff options
author | crupest <crupest@outlook.com> | 2020-09-03 23:09:03 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-09-03 23:09:03 +0800 |
commit | 1966351eb2046b9edfb3f9ccb50cb8921f1a08dc (patch) | |
tree | 792ee4899e7e00d518ea37d6ddd68555a83ac51e /Timeline/ClientApp/src/app/common/BlobImage.tsx | |
parent | 3e7e533016b04df4993df66842409cf5857983ee (diff) | |
parent | 5a0adf596988efe8c3e49efcba7594f134a9cb0d (diff) | |
download | timeline-1966351eb2046b9edfb3f9ccb50cb8921f1a08dc.tar.gz timeline-1966351eb2046b9edfb3f9ccb50cb8921f1a08dc.tar.bz2 timeline-1966351eb2046b9edfb3f9ccb50cb8921f1a08dc.zip |
Merge pull request #159 from crupest/dev
Development on front end.
Diffstat (limited to 'Timeline/ClientApp/src/app/common/BlobImage.tsx')
-rw-r--r-- | Timeline/ClientApp/src/app/common/BlobImage.tsx | 29 |
1 files changed, 0 insertions, 29 deletions
diff --git a/Timeline/ClientApp/src/app/common/BlobImage.tsx b/Timeline/ClientApp/src/app/common/BlobImage.tsx deleted file mode 100644 index 8602f550..00000000 --- a/Timeline/ClientApp/src/app/common/BlobImage.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import React from "react"; - -import { ExcludeKey } from "../utilities/type"; - -const BlobImage: React.FC< - ExcludeKey<React.ImgHTMLAttributes<HTMLImageElement>, "src"> & { - blob?: Blob | unknown; - } -> = (props) => { - const { blob, ...otherProps } = props; - - const [url, setUrl] = React.useState<string | undefined>(undefined); - - React.useEffect(() => { - if (blob instanceof Blob) { - const url = URL.createObjectURL(blob); - setUrl(url); - return () => { - URL.revokeObjectURL(url); - }; - } else { - setUrl(undefined); - } - }, [blob]); - - return <img {...otherProps} src={url} />; -}; - -export default BlobImage; |