From 25268bf733904c2eb81246f97c4b040ad719cfa1 Mon Sep 17 00:00:00 2001
From: Jose Manuel Serrano Amaut <a20122128@pucp.pe>
Date: Mon, 6 Feb 2023 03:04:31 -0500
Subject: [PATCH] Update url image
---
.../MainPage/MainRight/FileMosaicImageVideoPreviews.tsx | 8 ++++----
.../dropzone-demo/AdvancedDropzoneDemo.jsx | 4 ++--
.../FIleMosaicImageLayer/FileMosaicImageLayer.tsx | 7 ++++---
.../components/previews/ImagePreview/ImagePreview.tsx | 6 +++++-
4 files changed, 15 insertions(+), 10 deletions(-)
diff --git a/src/components/MainPage/MainRight/FileMosaicImageVideoPreviews.tsx b/src/components/MainPage/MainRight/FileMosaicImageVideoPreviews.tsx
index e54d902..ed5c152 100644
--- a/src/components/MainPage/MainRight/FileMosaicImageVideoPreviews.tsx
+++ b/src/components/MainPage/MainRight/FileMosaicImageVideoPreviews.tsx
@@ -117,13 +117,13 @@ const files: ExtFile[] = [
},
{
id: 1,
- name: "myself.jpg",
- type: "image/jpeg",
+ name: "ironman.png",
+ type: "image/png",
size: 282000,
downloadUrl:
- "https://files-ui-temp-storage.s3.amazonaws.com/2878b8d4278795cef1b66b86e687d984019742a05883f58809678df4e5a80c8f.jpg",
+ "https://i.pinimg.com/236x/3e/e9/46/3ee946b27fd1cc5eb0b485e4a0669534.jpg",
imageUrl:
- "https://files-ui-temp-storage.s3.amazonaws.com/2878b8d4278795cef1b66b86e687d984019742a05883f58809678df4e5a80c8f.jpg",
+ "https://i.pinimg.com/236x/3e/e9/46/3ee946b27fd1cc5eb0b485e4a0669534.jpg",
},
];
diff --git a/src/components/demo-components/dropzone-demo/AdvancedDropzoneDemo.jsx b/src/components/demo-components/dropzone-demo/AdvancedDropzoneDemo.jsx
index 93eff5d..3ffa738 100644
--- a/src/components/demo-components/dropzone-demo/AdvancedDropzoneDemo.jsx
+++ b/src/components/demo-components/dropzone-demo/AdvancedDropzoneDemo.jsx
@@ -33,7 +33,7 @@ export default function AdvancedDropzoneDemo() {
async function checkFiles() {
try {
const res = await axios.get(
- REMOTE +
+ LOCAL +
"/file"
);
console.log("checkFiles", res);
@@ -55,7 +55,7 @@ export default function AdvancedDropzoneDemo() {
uploadConfig={{
/* autoUpload: true */
method: "POST",
- url: REMOTE + "/file/28048465460",
+ url: LOCAL + "/file/28048465460",
//url: "http://localhost:2800/file/28048465460",
cleanOnUpload: true,
}}
diff --git a/src/files-ui/components/file-mosaic/components/FIleMosaicImageLayer/FileMosaicImageLayer.tsx b/src/files-ui/components/file-mosaic/components/FIleMosaicImageLayer/FileMosaicImageLayer.tsx
index fa11b84..258d2e5 100644
--- a/src/files-ui/components/file-mosaic/components/FIleMosaicImageLayer/FileMosaicImageLayer.tsx
+++ b/src/files-ui/components/file-mosaic/components/FIleMosaicImageLayer/FileMosaicImageLayer.tsx
@@ -29,14 +29,14 @@ const FileMosaicImageLayer: React.FC<FileMosaicImageLayerProps> = (
//console.log("FileMosaicImageLayer", props);
const { imageSource, url, fileName, card, isBlur } = props;
- const [localSource, setSource] = React.useState<string | undefined>(
+ const [localSource, setLocalSource] = React.useState<string | undefined>(
undefined
);
const [error, setError] = React.useState<boolean>(false);
//assign to localSource the imageSource or the url of the ile type
React.useEffect(() => {
- setSource(imageSource || url);
+ setLocalSource(imageSource || url);
}, [imageSource, url]);
/**
@@ -45,7 +45,8 @@ const FileMosaicImageLayer: React.FC<FileMosaicImageLayerProps> = (
*/
const handleError = () => {
setError(true);
- setSource(url);
+ setLocalSource(url);
+ console.log("FileMosaicImageLayer error", url);
};
//If blur is true
diff --git a/src/files-ui/components/previews/ImagePreview/ImagePreview.tsx b/src/files-ui/components/previews/ImagePreview/ImagePreview.tsx
index 6dd35bb..354aef6 100644
--- a/src/files-ui/components/previews/ImagePreview/ImagePreview.tsx
+++ b/src/files-ui/components/previews/ImagePreview/ImagePreview.tsx
@@ -62,6 +62,10 @@ const ImagePreview: React.FC<ImagePreviewProps> = (
const finalHeight: string | number | undefined =
height || (orientation === "portrait" ? "100%" : undefined);
+ const handleError=(evt: React.SyntheticEvent<HTMLImageElement, Event>)=>{
+ console.log("handleError", onError);
+ onError?.(evt);
+ }
return (
<React.Fragment>
{src && source && (
@@ -75,7 +79,7 @@ const ImagePreview: React.FC<ImagePreviewProps> = (
src={source}
alt={alt}
className={className}
- onError={onError}
+ onError={handleError}
/>
)}
</React.Fragment>
--
GitLab