aboutsummaryrefslogtreecommitdiff
path: root/Timeline/ClientApp/src/app/common/BlobImage.tsx
diff options
context:
space:
mode:
authorcrupest <crupest@outlook.com>2020-08-25 00:05:01 +0800
committerGitHub <noreply@github.com>2020-08-25 00:05:01 +0800
commit738a17688ca481db62755295f8b732200ca12511 (patch)
tree034b470eff54a9f725cd9e472966cf554cd2ee26 /Timeline/ClientApp/src/app/common/BlobImage.tsx
parentb9b7334ac5d5cf83b6206af024ddd4c55a6e07da (diff)
parentfe687f82d9c5af2869b679222bec11b1a00b9ee9 (diff)
downloadtimeline-738a17688ca481db62755295f8b732200ca12511.tar.gz
timeline-738a17688ca481db62755295f8b732200ca12511.tar.bz2
timeline-738a17688ca481db62755295f8b732200ca12511.zip
Merge pull request #154 from crupest/toolchain
Upgrade toolchain of front end.
Diffstat (limited to 'Timeline/ClientApp/src/app/common/BlobImage.tsx')
-rw-r--r--Timeline/ClientApp/src/app/common/BlobImage.tsx58
1 files changed, 29 insertions, 29 deletions
diff --git a/Timeline/ClientApp/src/app/common/BlobImage.tsx b/Timeline/ClientApp/src/app/common/BlobImage.tsx
index 7e5e2447..8602f550 100644
--- a/Timeline/ClientApp/src/app/common/BlobImage.tsx
+++ b/Timeline/ClientApp/src/app/common/BlobImage.tsx
@@ -1,29 +1,29 @@
-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;
+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;