From 688eac6c95468dbd55962022ae67bac6a627ca8b Mon Sep 17 00:00:00 2001 From: Rizqika Date: Fri, 6 Dec 2024 16:47:54 +0700 Subject: [PATCH] Fix Issue - NPWP --- src/screens/Biometric/OcrNpwp/Verify.jsx | 31 ++++++++++++------------ 1 file changed, 16 insertions(+), 15 deletions(-) diff --git a/src/screens/Biometric/OcrNpwp/Verify.jsx b/src/screens/Biometric/OcrNpwp/Verify.jsx index 4eb8a5d..7ad67f7 100644 --- a/src/screens/Biometric/OcrNpwp/Verify.jsx +++ b/src/screens/Biometric/OcrNpwp/Verify.jsx @@ -120,19 +120,10 @@ const Verify = () => { }; const checkImageDimensions = (file) => { - return new Promise((resolve, reject) => { + return new Promise((reject) => { const img = new Image(); img.src = URL.createObjectURL(file); - // img.onload = () => { - // URL.revokeObjectURL(img.src); - // if (img.width > 320 || img.height > 200) { - // reject('Image dimensions must not exceed 320x200 pixels'); - // } else { - // resolve(true); - // } - // }; - img.onerror = () => { URL.revokeObjectURL(img.src); reject('Failed to load image'); @@ -142,9 +133,18 @@ const Verify = () => { // Update handleImageUpload function const handleImageUpload = async (file) => { + // Clear all error states first setErrorMessage(''); - setFile(file); - setSelectedImageName(file.name); + setImageError(''); + setValidationErrors(prev => ({ + ...prev, + file: '' + })); + + if (!file) { + setImageError('Please select a file'); + return; + } try { // Check if file is PNG @@ -167,16 +167,17 @@ const Verify = () => { return; } - // Validate image dimensions + // If all validations pass, set the file + setFile(file); + setSelectedImageName(file.name); await checkImageDimensions(file); - setImageError(''); } catch (error) { setImageError(error); setFile(null); setSelectedImageName(''); } - }; + }; const handleImageCancel = () => { setFile(null);