@graphcommerce/magento-review 2.110.2 → 2.111.3

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.111.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-review@2.110.2...@graphcommerce/magento-review@2.111.0) (2021-12-01)
+
+
+### Features
+
+* borderRadius based on theme.shape.borderRadius ([7c34937](https://github.com/ho-nl/m2-pwa/commit/7c349376cd41a131c628324c299106fdb7e60484))
+
+
+
+
+
 # [2.110.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/magento-review@2.109.1...@graphcommerce/magento-review@2.110.0) (2021-11-22)
 
 

package/components/AccountReviews/index.tsx

@@ -55,7 +55,7 @@ export default function AccountReviews(props: AccountReviewsProps) {
           classes={{ sectionContainer: classes.olderReviewsContainer }}
         >
           {olderReviews?.map(
-            (review, i) => review && <CustomerReview key={review.created_at} {...review} />,
+            (review) => review && <CustomerReview key={review.created_at} {...review} />,
           )}
         </SectionContainer>
       )}

package/components/CreateProductReviewForm/index.tsx

@@ -11,7 +11,7 @@ import {
   StarRatingField,
 } from '@graphcommerce/next-ui'
 import { useFormGqlMutation } from '@graphcommerce/react-hook-form'
-import { t, Trans } from '@lingui/macro'
+import { Trans } from '@lingui/macro'
 import { Box, makeStyles, TextField, Theme, Typography } from '@material-ui/core'
 import { Alert } from '@material-ui/lab'
 import { useRouter } from 'next/router'
@@ -36,7 +36,6 @@ const useStyles = makeStyles(
     submitButton: {
       width: responsiveVal(200, 250),
       height: responsiveVal(40, 50),
-      borderRadius: responsiveVal(20, 25),
     },
     cancelButton: {
       display: 'block',
@@ -95,7 +94,7 @@ export default function CreateProductReviewForm(props: CreateProductReviewFormPr
     }
   }, [loading, data, ratings.length])
 
-  if (!data) return <></>
+  if (!data) return null
 
   if (formState.isSubmitSuccessful && data) {
     return (

package/components/CustomerReview/index.tsx

@@ -88,7 +88,8 @@ export default function CustomerReview(props: CustomerReviewProps) {
       </div>
       <div className={classes.stars}>
         {[...new Array(totalStars)].map((value, index) => (
-          <Image src={index < totalFilledStars ? filledStar : outlinedStar} />
+          // eslint-disable-next-line react/no-array-index-key
+          <Image key={index} src={index < totalFilledStars ? filledStar : outlinedStar} />
         ))}
       </div>
       <div className={classes.title}>{product?.name}</div>

package/components/ProductReviewChip/index.tsx

@@ -1,5 +1,5 @@
 import { SvgImageSimple, iconStar } from '@graphcommerce/next-ui'
-import { Chip, ChipProps, makeStyles, Theme } from '@material-ui/core'
+import { Chip, ChipProps, makeStyles } from '@material-ui/core'
 import React from 'react'
 
 export type ProductReviewChipProps = {
@@ -9,12 +9,12 @@ export type ProductReviewChipProps = {
 } & ChipProps
 
 const useStyles = makeStyles(
-  (theme: Theme) => ({
+  {
     iconStar: {
       stroke: '#FFDA1C',
       fill: '#FFDA1C',
     },
-  }),
+  },
   { name: 'ProductListReviews' },
 )
 

package/components/ProductReviewSummary/index.tsx

@@ -1,7 +1,7 @@
-import { SvgImageSimple, iconStar, responsiveVal, UseStyles } from '@graphcommerce/next-ui'
+import { SvgImageSimple, iconStar, UseStyles } from '@graphcommerce/next-ui'
 import { makeStyles, Theme } from '@material-ui/core'
-import { ProductReviewSummaryFragment } from './ProductReviewSummary.gql'
 import React from 'react'
+import { ProductReviewSummaryFragment } from './ProductReviewSummary.gql'
 
 export type ProductReviewSummaryProps = ProductReviewSummaryFragment & UseStyles<typeof useStyles>
 

package/components/ProductReviews/index.tsx

@@ -172,7 +172,6 @@ export default function ProductReviews(props: ProductReviewsProps) {
                   <div key={`rating-${ratingBreakdown?.value}`} className={classes.rating}>
                     <span>{ratingBreakdown?.name}</span>
                     <StarRatingField
-                      iconSize={16}
                       readOnly
                       size='small'
                       defaultValue={Number(ratingBreakdown?.value ?? 0)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphcommerce/magento-review",
-  "version": "2.110.2",
+  "version": "2.111.3",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "browserslist": [
@@ -14,20 +14,20 @@
   },
   "devDependencies": {
     "@graphcommerce/browserslist-config-pwa": "^3.0.2",
-    "@graphcommerce/eslint-config-pwa": "^3.1.5",
+    "@graphcommerce/eslint-config-pwa": "^3.1.6",
     "@graphcommerce/prettier-config-pwa": "^3.0.4",
     "@graphcommerce/typescript-config-pwa": "^3.1.1",
     "@playwright/test": "^1.16.2"
   },
   "dependencies": {
     "@apollo/client": "^3.4.16",
-    "@graphcommerce/graphql": "^2.105.5",
-    "@graphcommerce/image": "^2.105.4",
-    "@graphcommerce/magento-customer": "^3.6.4",
-    "@graphcommerce/magento-product": "^3.6.4",
-    "@graphcommerce/magento-store": "^3.3.4",
-    "@graphcommerce/next-ui": "^3.18.2",
-    "@graphcommerce/react-hook-form": "^2.104.0",
+    "@graphcommerce/graphql": "^2.105.6",
+    "@graphcommerce/image": "^2.105.5",
+    "@graphcommerce/magento-customer": "^3.6.8",
+    "@graphcommerce/magento-product": "^3.7.3",
+    "@graphcommerce/magento-store": "^3.3.8",
+    "@graphcommerce/next-ui": "^3.20.1",
+    "@graphcommerce/react-hook-form": "^2.104.1",
     "@lingui/macro": "^3.12.1",
     "@material-ui/core": "^4.12.3",
     "@material-ui/lab": "^4.0.0-alpha.60",
@@ -37,5 +37,5 @@
     "react-dom": "^17.0.2",
     "schema-dts": "^1.0.0"
   },
-  "gitHead": "4d36627aeb43cba320c249b9a876384627064f18"
+  "gitHead": "b4bdc1cd365ebdd0bad8e1ed6afd374123bb2908"
 }