cheveguerra/whaticket-community
1
0
Fork 0
mirror of https://github.com/cheveguerra/whaticket-community.git synced 2026-04-19 12:19:16 +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 ModalImageCors = ({ imageUrl }) => {
const classes = useStyles(); const classes = useStyles();
const [fetching, setFetching] = useState(true); const [fetching, setFetching] = useState(true);
const [url, setUrl] = useState(""); const [blobUrl, setBlobUrl] = useState("");
useEffect(() => { useEffect(() => {
if (!imageUrl) return; if (!imageUrl) return;
@@ -27,10 +27,10 @@ const ModalImageCors = ({ imageUrl }) => {
const { data, headers } = await api.get(imageUrl, { const { data, headers } = await api.get(imageUrl, {
responseType: "blob", responseType: "blob",
}); });
const blobUrl = window.URL.createObjectURL( const url = window.URL.createObjectURL(
new Blob([data], { type: headers["content-type"] }) new Blob([data], { type: headers["content-type"] })
); );
setUrl(blobUrl); setBlobUrl(url);
setFetching(false); setFetching(false);
}; };
fetchImage(); fetchImage();
@@ -39,9 +39,9 @@ const ModalImageCors = ({ imageUrl }) => {
return ( return (
<ModalImage <ModalImage
className={classes.messageMedia} className={classes.messageMedia}
smallSrcSet={fetching ? imageUrl : url} smallSrcSet={fetching ? imageUrl : blobUrl}
medium={fetching ? imageUrl : url} medium={fetching ? imageUrl : blobUrl}
large={fetching ? imageUrl : url} large={fetching ? imageUrl : blobUrl}
alt="image" alt="image"
/> />
); );