cheveguerra/whaticket-community
1
0
Fork 0
mirror of https://github.com/cheveguerra/whaticket-community.git synced 2026-04-18 03:39:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

improvement: better variable names in ModalImageCors

Browse Source
This commit is contained in:
canove
2020-10-06 11:08:18 -03:00
parent 6c18c3d722
commit 34d0280fef
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/ModalImageCors/index.js
View File

@@ -19,7 +19,7 @@ const useStyles = makeStyles(theme => ({
const ModalImageCors = ({ imageUrl }) => {
const classes = useStyles();
const [fetching, setFetching] = useState(true);
const [url, setUrl] = useState("");
const [blobUrl, setBlobUrl] = useState("");
useEffect(() => {
if (!imageUrl) return;
@@ -27,10 +27,10 @@ const ModalImageCors = ({ imageUrl }) => {
const { data, headers } = await api.get(imageUrl, {
responseType: "blob",
});
const blobUrl = window.URL.createObjectURL(
const url = window.URL.createObjectURL(
new Blob([data], { type: headers["content-type"] })
);
setUrl(blobUrl);
setBlobUrl(url);
setFetching(false);
};
fetchImage();
@@ -39,9 +39,9 @@ const ModalImageCors = ({ imageUrl }) => {
return (
<ModalImage
className={classes.messageMedia}
smallSrcSet={fetching ? imageUrl : url}
medium={fetching ? imageUrl : url}
large={fetching ? imageUrl : url}
smallSrcSet={fetching ? imageUrl : blobUrl}
medium={fetching ? imageUrl : blobUrl}
large={fetching ? imageUrl : blobUrl}
alt="image"
/>
);