diff --git a/src/components/MainPage/MainRight/FileMosaicImageVideoPreviews.tsx b/src/components/MainPage/MainRight/FileMosaicImageVideoPreviews.tsx index e54d902044517f217efa51a0cd645d3a0df0777e..ed5c1529e0060f36490c36c293395a81ab90af0f 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 93eff5d816c7e36331640e9552f4f4f24b1a7cfc..3ffa738c703acabd256eb2ed93083668f78cc931 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 fa11b845c5245563eab48d8d39262d232d6c3d42..258d2e5c6406b3fc059e47f6887744a0a145dfbb 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 6dd35bb141f451d23e7c7b965defa07c1565d2d5..354aef6a382b2aba37536b3c29bac85a91684485 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>