@graphcommerce/magento-review 8.1.0-canary.5 → 8.1.0-canary.52

package/CHANGELOG.md

@@ -1,5 +1,99 @@
 # Change Log
 
+## 8.1.0-canary.52
+
+## 8.1.0-canary.51
+
+## 8.1.0-canary.50
+
+## 8.1.0-canary.49
+
+## 8.1.0-canary.48
+
+## 8.1.0-canary.47
+
+## 8.1.0-canary.46
+
+## 8.1.0-canary.45
+
+## 8.1.0-canary.44
+
+## 8.1.0-canary.43
+
+## 8.1.0-canary.42
+
+## 8.1.0-canary.41
+
+## 8.1.0-canary.40
+
+## 8.1.0-canary.39
+
+## 8.1.0-canary.38
+
+## 8.1.0-canary.37
+
+## 8.1.0-canary.36
+
+## 8.1.0-canary.35
+
+## 8.1.0-canary.34
+
+## 8.1.0-canary.33
+
+## 8.1.0-canary.32
+
+## 8.1.0-canary.31
+
+## 8.1.0-canary.30
+
+## 8.1.0-canary.29
+
+## 8.1.0-canary.28
+
+## 8.1.0-canary.27
+
+## 8.1.0-canary.26
+
+## 8.1.0-canary.25
+
+## 8.1.0-canary.24
+
+## 8.1.0-canary.23
+
+## 8.1.0-canary.22
+
+## 8.1.0-canary.21
+
+## 8.1.0-canary.20
+
+## 8.1.0-canary.19
+
+## 8.1.0-canary.18
+
+## 8.1.0-canary.17
+
+## 8.1.0-canary.16
+
+## 8.1.0-canary.15
+
+## 8.1.0-canary.14
+
+## 8.1.0-canary.13
+
+## 8.1.0-canary.12
+
+## 8.1.0-canary.11
+
+## 8.1.0-canary.10
+
+## 8.1.0-canary.9
+
+## 8.1.0-canary.8
+
+## 8.1.0-canary.7
+
+## 8.1.0-canary.6
+
 ## 8.1.0-canary.5
 
 ## 8.0.6-canary.4

package/components/CustomerReview/CustomerReview.tsx

@@ -1,10 +1,5 @@
 import { Image } from '@graphcommerce/image'
-import {
-  responsiveVal,
-  extendableComponent,
-  useDateTimeFormat,
-  IconSvg,
-} from '@graphcommerce/next-ui'
+import { responsiveVal, extendableComponent, IconSvg, DateTimeFormat } from '@graphcommerce/next-ui'
 import { Box, SxProps, Theme } from '@mui/material'
 import { CustomerReviewFragment } from './CustomerReview.gql'
 import filledStar from './review_star_filled.svg'
@@ -29,8 +24,6 @@ export function CustomerReview(props: CustomerReviewProps) {
   const valuePerStar = maxAverageRating / totalStars
   const totalFilledStars = (average_rating / maxAverageRating / valuePerStar) * 100
 
-  const dateFormatter = useDateTimeFormat({ dateStyle: 'long' })
-
   return (
     <Box
       className={classes.container}
@@ -98,7 +91,7 @@ export function CustomerReview(props: CustomerReviewProps) {
           color: theme.palette.text.disabled,
         })}
       >
-        {dateFormatter.format(new Date(created_at ?? ''))}
+        <DateTimeFormat>{created_at}</DateTimeFormat>
       </Box>
     </Box>
   )

package/components/ProductReviews/ProductReviews.tsx

@@ -4,7 +4,7 @@ import {
   responsiveVal,
   StarRatingField,
   extendableComponent,
-  useDateTimeFormat,
+  DateTimeFormat,
 } from '@graphcommerce/next-ui'
 import { Trans } from '@lingui/react'
 import { Typography, Button, Box, SxProps, Theme, Link } from '@mui/material'
@@ -52,8 +52,6 @@ export function ProductReviews(props: ProductReviewsProps) {
 
   const { current_page, total_pages } = myReviews.page_info
 
-  const formatter = useDateTimeFormat({ dateStyle: 'long', timeStyle: 'short' })
-
   if (!reviews) {
     return null
   }
@@ -233,8 +231,9 @@ export function ProductReviews(props: ProductReviewsProps) {
                 dateTime={review?.created_at}
                 sx={{ typography: 'body2' }}
               >
-                {review?.created_at &&
-                  formatter.format(new Date(review?.created_at.replace(/-/g, '/')))}
+                <DateTimeFormat dateStyle='long' timeStyle='short'>
+                  {review?.created_at.replace(/-/g, '/')}
+                </DateTimeFormat>
               </Box>
             </Box>
           </Box>

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-review",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "8.1.0-canary.5",
+  "version": "8.1.0-canary.52",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -18,18 +18,18 @@
     "typescript": "5.3.3"
   },
   "peerDependencies": {
-    "@graphcommerce/ecommerce-ui": "^8.1.0-canary.5",
-    "@graphcommerce/eslint-config-pwa": "^8.1.0-canary.5",
-    "@graphcommerce/graphql": "^8.1.0-canary.5",
-    "@graphcommerce/graphql-mesh": "^8.1.0-canary.5",
-    "@graphcommerce/image": "^8.1.0-canary.5",
-    "@graphcommerce/magento-customer": "^8.1.0-canary.5",
-    "@graphcommerce/magento-product": "^8.1.0-canary.5",
-    "@graphcommerce/magento-store": "^8.1.0-canary.5",
-    "@graphcommerce/next-ui": "^8.1.0-canary.5",
-    "@graphcommerce/prettier-config-pwa": "^8.1.0-canary.5",
-    "@graphcommerce/react-hook-form": "^8.1.0-canary.5",
-    "@graphcommerce/typescript-config-pwa": "^8.1.0-canary.5",
+    "@graphcommerce/ecommerce-ui": "^8.1.0-canary.52",
+    "@graphcommerce/eslint-config-pwa": "^8.1.0-canary.52",
+    "@graphcommerce/graphql": "^8.1.0-canary.52",
+    "@graphcommerce/graphql-mesh": "^8.1.0-canary.52",
+    "@graphcommerce/image": "^8.1.0-canary.52",
+    "@graphcommerce/magento-customer": "^8.1.0-canary.52",
+    "@graphcommerce/magento-product": "^8.1.0-canary.52",
+    "@graphcommerce/magento-store": "^8.1.0-canary.52",
+    "@graphcommerce/next-ui": "^8.1.0-canary.52",
+    "@graphcommerce/prettier-config-pwa": "^8.1.0-canary.52",
+    "@graphcommerce/react-hook-form": "^8.1.0-canary.52",
+    "@graphcommerce/typescript-config-pwa": "^8.1.0-canary.52",
     "@lingui/core": "^4.2.1",
     "@lingui/macro": "^4.2.1",
     "@lingui/react": "^4.2.1",