From ef315715e343e9d1d64f7a9bcb0adef0a482f3ba Mon Sep 17 00:00:00 2001 From: Juthatip McDevitt Date: Wed, 13 Mar 2024 11:34:25 -0500 Subject: [PATCH] updated listing form functionality --- real_estate/client/index.html | 2 +- real_estate/client/public/logo.png | Bin 0 -> 18455 bytes real_estate/client/src/pages/CreatListing.jsx | 86 ++++++++++++++++-- 3 files changed, 81 insertions(+), 7 deletions(-) create mode 100644 real_estate/client/public/logo.png diff --git a/real_estate/client/index.html b/real_estate/client/index.html index ad9432e..84c89a2 100644 --- a/real_estate/client/index.html +++ b/real_estate/client/index.html @@ -2,7 +2,7 @@ - + Chicagoland | Lifestyle properties diff --git a/real_estate/client/public/logo.png b/real_estate/client/public/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..33babc2a1fa4914c411e9d175de447f3422330e3 GIT binary patch literal 18455 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 { + const [files, setFiles] = useState([]); + const [formData, setFormData] = useState({ + imageUrls: [], + }); + const [imageUploadError, setImageUploadError] = useState(false); + const [upload, setUpload] = useState(false); + const handleImageSubmit = (e) => { + if(files.length > 0 && files.length + formData.imageUrls.length < 11){ + setUpload(true); + setImageUploadError(false); + + const promises = []; + for(let i = 0; i < files.length; i++){ + promises.push(storeImage(files[i])); + } + Promise.all(promises).then((urls) => { + setFormData({...formData, imageUrls: formData.imageUrls.concat(urls), + }); + setImageUploadError(false); + setUpload(false); + }).catch((error) => { + setImageUploadError('Image upload failed (2mb max per image)'); + setUpload(false); + }); + }else{ + setImageUploadError('You can upload maximum 10 images'); + setUpload(false); + } + }; + const storeImage = async(file) => { + return new Promise((resolve, reject) => { + const storage = getStorage(app); + const fileName = new Date().getTime() + file.name + const storageRef = ref(storage, fileName); + const uploadTask = uploadBytesResumable(storageRef, file); + uploadTask.on( + "state_changed",(snapshot) => { + const progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100; + console.log(`Upload is ${progress}% done`) + }, + (error) => { + reject(error); + }, + () => { + getDownloadURL(uploadTask.snapshot.ref).then((downloadURL) => { + resolve(downloadURL) + }); + } + ); + }); + }; + const handleDeleteImage = (index) => { + setFormData({...formData, imageUrls: formData.imageUrls.filter((_, i) => i !== index), + }); + }; + + + + + + return (

Create a listing

-
+