ordering-ui-react-native 0.14.90 → 0.14.91

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-react-native",
-  "version": "0.14.90",
+  "version": "0.14.91",
   "description": "Reusable components made in react native",
   "main": "src/index.tsx",
   "author": "ordering.inc",

package/themes/business/src/components/ReviewCustomer/index.tsx

@@ -38,7 +38,6 @@ const ReviewCustomerUI = (props: ReviewCustomerParams) => {
     reviewState,
     setReviewState,
     actionState,
-    handleChangeQualification,
     handleSendCustomerReview
   } = props
 
@@ -105,6 +104,11 @@ const ReviewCustomerUI = (props: ReviewCustomerParams) => {
 
   const commentsList = reviewCommentList('customer')
 
+  const handleChangeQualification = (index: any) => {
+    if (index) setReviewState({ ...reviewState, qualification: index, comment: '' })
+    setComments([])
+  }
+
   const isSelectedComment = (commentKey: number) => {
     const found = comments.find((comment: any) => comment?.key === commentKey)
     return found

package/themes/original/src/components/ReviewDriver/index.tsx

@@ -123,7 +123,8 @@ const ReviewDriverUI = (props: ReviewDriverParams) => {
   }
 
   const handleChangeQualification = (qualification: number) => {
-    if (qualification) setDriverReviews({ ...dirverReviews, qualification: qualification })
+    if (qualification) setDriverReviews({ ...dirverReviews, qualification: qualification, comment: '' })
+    setComments([])
   }
 
   const handleSendReviewClick = () => {

package/themes/original/src/components/ReviewOrder/index.tsx

@@ -118,23 +118,8 @@ export const ReviewOrderUI = (props: ReviewOrderParams) => {
   const commentsList = reviewCommentList('order')
 
   const handleChangeStars = (index: number) => {
-    switch (index) {
-      case 1:
-        setStars({ ...stars, quality: 1, punctiality: 1, service: 1, packaging: 1 })
-        break
-      case 2:
-        setStars({ ...stars, quality: 2, punctiality: 2, service: 2, packaging: 2 })
-        break
-      case 3:
-        setStars({ ...stars, quality: 3, punctiality: 3, service: 3, packaging: 3 })
-        break
-      case 4:
-        setStars({ ...stars, quality: 4, punctiality: 4, service: 4, packaging: 4 })
-        break
-      case 5:
-        setStars({ ...stars, quality: 5, punctiality: 5, service: 5, packaging: 5 })
-        break
-    }
+    if (index) setStars({ ...stars, quality: index, punctiality: index, service: index, packaging: index, comments: '' })
+    setComments([])
   }
 
   const handleChangeComment = (commentItem: any) => {

package/themes/original/src/components/SingleProductReview/index.tsx

@@ -46,6 +46,7 @@ export const SingleProductReview = (props: SingleProductReviewParams) => {
   const [extraComment, setExtraComment] = useState('')
   const [isShowTextArea, setIsShowTextArea] = useState(false)
   const [qualification, setQualification] = useState(5)
+  const [currentValue, setCurrentValue] = useState(5)
 
   const commentsList = reviewCommentList('product')
 
@@ -65,6 +66,9 @@ export const SingleProductReview = (props: SingleProductReviewParams) => {
   }
 
   useEffect(() => {
+    const value = qualification ? 5 : 1
+    setCurrentValue(value)
+    if (value !== currentValue) setComments([])
     if (comments?.length === 0 && !extraComment && formState.changes?.length === 0 && qualification === 5) return
     let _comments = ''
     if (comments.length > 0) {