feat: passing product to add review modal

vtex · Feb 27, 2025 · e3f9382 · e3f9382
1 parent e76f63c
commit e3f9382
Showing 1 changed file with 14 additions and 8 deletions.
diff --git a/packages/core/src/components/ui/ReviewsAndRatings/ReviewsAndRatings.tsx b/packages/core/src/components/ui/ReviewsAndRatings/ReviewsAndRatings.tsx
@@ -1,20 +1,19 @@
 import { useUI } from '@faststore/components'
+import type { AddReviewModalProps } from 'src/components/reviews/AddReviewModal/AddReviewModal'
 import { useOverrideComponents } from 'src/sdk/overrides/OverrideContext'
+import { usePDP } from 'src/sdk/overrides/PageProvider'
 
 export type ReviewsAndRatingsProps = {
   title: string
-  addReviewModal: {
-    title: string
-    closeButtonAriaLabel: string
-    cancelButtonLabel: string
-    submitButtonLabel: string
-  }
+  addReviewModal: Omit<AddReviewModalProps, 'product'>
 }
 
 function ReviewsAndRatings({ title, addReviewModal }: ReviewsAndRatingsProps) {
   const { AddReviewModalButton, __experimentalAddReviewModal: AddReviewModal } =
     useOverrideComponents<'ReviewsAndRatings'>()
   const { openAddReviewModal, addReviewModal: displayAddReviewModal } = useUI()
+  const context = usePDP()
+  const { product, isValidating } = context.data
 
   return (
     <>
@@ -30,8 +29,15 @@ function ReviewsAndRatings({ title, addReviewModal }: ReviewsAndRatingsProps) {
         Add a review
       </AddReviewModalButton.Component>
 
-      {displayAddReviewModal && (
-        <AddReviewModal.Component {...addReviewModal} />
+      {displayAddReviewModal && !isValidating && (
+        <AddReviewModal.Component
+          {...addReviewModal}
+          product={{
+            id: product.id,
+            name: product.name,
+            image: product.image[0],
+          }}
+        />
       )}
     </>
   )