@@ -215,6 +468,81 @@ const ReviewModal = ({
time={toastTime}
/>
)}
+
+
+
+ Bedroom(s)
+
+
+ ({
+ item: `${i + 1} Bedroom${i > 0 ? 's' : ''}`,
+ callback: () => updateBedrooms(i + 1),
+ }))}
+ defaultValue="Select"
+ className={dropDownStyle}
+ icon={false}
+ />
+
+
+
+
+
+
+ Price Per Person
+
+
+ ({
+ item: getPriceRange(i + 1),
+ callback: () => updatePrice(i + 1),
+ }))}
+ defaultValue="Select"
+ className={dropDownStyle}
+ icon={false}
+ />
+
+
+
+
-
-
+
-
-
- Upload Pictures:
+
+
+ {isMobile && reviewPromptBox()}
+
+
-
-
- {generateFileStatus()}
-
-
-
+
+ {!isMobile && (
+
+ {reviewPromptBox()}
+ )}
+
+
+
+
+
+ Upload Pictures:
+
+ {`Reviewers may upload up to ${REVIEW_PHOTOS_LIMIT} photos. Max photo size of ${REVIEW_PHOTO_MAX_MB}MB`}
+
+
-
-
- {`Reviewers may upload up to ${REVIEW_PHOTOS_LIMIT} photos. Max photo size of ${REVIEW_PHOTO_MAX_MB}MB`}
-
+
+
-
-
-
+
+ {review.localPhotos.length > 0 && (
+
+ {review.localPhotos.map((p, index) => {
+ return (
+
+
+
+
removePhoto(index)}
+ style={
+ !isMobile
+ ? { position: 'absolute', right: '2px' }
+ : { position: 'absolute', right: '10px', top: '10px' }
+ }
+ >
+
+
+
+ );
+ })}
+
+ )}