Worked on modification

Author: glo82145

packages/peregrine/lib/talons/Gallery/isSupportedProductType.js

@@ -1,4 +1,9 @@
-const SUPPORTED_PRODUCT_TYPES = ['SimpleProduct', 'ConfigurableProduct', 'configurable', 'simple'];
+const SUPPORTED_PRODUCT_TYPES = [
+    'SimpleProduct',
+    'ConfigurableProduct',
+    'configurable',
+    'simple'
+];
 
 export const isSupportedProductType = productType => {
     return SUPPORTED_PRODUCT_TYPES.includes(productType);

packages/peregrine/lib/talons/Gallery/useAddToCartButton.js

@@ -38,10 +38,16 @@ export const useAddToCartButton = props => {
 
     const isInStock = item.stock_status === 'IN_STOCK';
 
-    const productType =  item ? item.__typename !==undefined?item.__typename:item.type : null;
+    const productType = item
+        ? item.__typename !== undefined
+            ? item.__typename
+            : item.type
+        : null;
+
     const isUnsupportedProductType = UNSUPPORTED_PRODUCT_TYPES.includes(
         productType
     );
+
     const isDisabled = isLoading || !isInStock || isUnsupportedProductType;
 
     const history = useHistory();
@@ -51,9 +57,7 @@ export const useAddToCartButton = props => {
     const [addToCart] = useMutation(operations.ADD_ITEM);
 
     const handleAddToCart = useCallback(async () => {
-       
         try {
-            console.log(productType); console.log('sdfsd');
             if (productType === 'SimpleProduct' || productType === 'simple') {
                 setIsLoading(true);
 
@@ -99,7 +103,10 @@ export const useAddToCartButton = props => {
                 });
 
                 setIsLoading(false);
-            } else if (productType === 'ConfigurableProduct' || productType === 'configurable') {
+            } else if (
+                productType === 'ConfigurableProduct' ||
+                productType === 'configurable'
+            ) {
                 const productLink = resourceUrl(
                     `/${item.url_key}${urlSuffix || ''}`
                 );

packages/peregrine/lib/talons/Gallery/useGalleryItem.js

@@ -80,9 +80,12 @@ export const useGalleryItem = (props = {}) => {
         intersectionObserver,
         item
     ]);
-// 
-    // const productType = item ? item.__typename : null;
-    const productType = item ? item.__typename !==undefined?item.__typename:item.type : null;
+
+    const productType = item
+        ? item.__typename !== undefined
+            ? item.__typename
+            : item.type
+        : null;
     const isSupportedProductType = isSupported(productType);
 
     const wishlistButtonProps =

packages/venia-ui/lib/RootComponents/Category/categoryContent.js

@@ -24,8 +24,8 @@ import defaultClasses from './category.module.css';
 import NoProductsFound from './NoProductsFound';
 import {
     VeniaProductRecommendations,
-    PageTypes,
-  } from "@magento/venia-product-recommendations";
+    PageTypes
+} from '@magento/venia-product-recommendations';
 
 const FilterModal = React.lazy(() => import('../../components/FilterModal'));
 const FilterSidebar = React.lazy(() =>

packages/venia-ui/lib/components/CartPage/cartPage.js

@@ -15,8 +15,8 @@ import ProductListing from './ProductListing';
 import defaultClasses from './cartPage.module.css';
 import {
     VeniaProductRecommendations,
-    PageTypes,
-  } from "@magento/venia-product-recommendations";
+    PageTypes
+} from '@magento/venia-product-recommendations';
 const CheckIcon = <Icon size={20} src={Check} />;
 
 /**
@@ -123,7 +123,6 @@ const CartPage = props => {
             </div>
             <VeniaProductRecommendations pageType={PageTypes.CMS} />;
         </div>
-        
     );
 };
 

packages/venia-ui/lib/components/Gallery/item.js

@@ -70,19 +70,20 @@ const GalleryItem = props => {
             </p>
         </div>
     );
-    const currencyCode= price_range?.maximum_price?.final_price?.currency ||
-    item.price.regularPrice.amount.currency;
+    const currencyCode =
+        price_range?.maximum_price?.final_price?.currency ||
+        item.price.regularPrice.amount.currency;
 
     // fallback to regular price when final price is unavailable
     const priceSource =
-    (price_range?.maximum_price?.final_price !== undefined &&
-    price_range?.maximum_price?.final_price !== null
-        ? price_range.maximum_price.final_price
-        : item.prices.maximum.final) ||
-    (price_range?.maximum_price?.regular_price !== undefined &&
-    price_range?.maximum_price?.regular_price !== null
-        ? price_range.maximum_price.regular_price
-        : item.prices.maximum.regular);
+        (price_range?.maximum_price?.final_price !== undefined &&
+        price_range?.maximum_price?.final_price !== null
+            ? price_range.maximum_price.final_price
+            : item.prices.maximum.final) ||
+        (price_range?.maximum_price?.regular_price !== undefined &&
+        price_range?.maximum_price?.regular_price !== null
+            ? price_range.maximum_price.regular_price
+            : item.prices.maximum.regular);
     const priceSourceValue = priceSource.value || priceSource;
 
     // Hide the Rating component until it is updated with the new look and feel (PWA-2512).
@@ -121,12 +122,9 @@ const GalleryItem = props => {
             >
                 <span>{name}</span>
             </Link>
-            
+
             <div data-cy="GalleryItem-price" className={classes.price}>
-                <Price
-                    value={priceSourceValue}
-                    currencyCode={currencyCode}
-                />
+                <Price value={priceSourceValue} currencyCode={currencyCode} />
             </div>
 
             <div className={classes.actionsContainer}>

packages/venia-ui/lib/components/ProductFullDetail/productFullDetail.js

@@ -5,9 +5,8 @@ import { Form } from 'informed';
 import { Info } from 'react-feather';
 import {
     VeniaProductRecommendations,
-    PageTypes,
-  } from "@magento/venia-product-recommendations";
-  
+    PageTypes
+} from '@magento/venia-product-recommendations';
 
 import Price from '@magento/venia-ui/lib/components/Price';
 import { useProductFullDetail } from '@magento/peregrine/lib/talons/ProductFullDetail/useProductFullDetail';
@@ -246,7 +245,6 @@ const ProductFullDetail = props => {
                 data-cy="ProductFullDetail-root"
                 onSubmit={handleAddToCart}
             >
-               
                 <section className={classes.imageCarousel}>
                     <Carousel images={mediaGalleryEntries} />
                 </section>
@@ -325,7 +323,6 @@ const ProductFullDetail = props => {
                     />
                 </section>
                 {pageBuilderAttributes}
-                
             </Form>
             <VeniaProductRecommendations pageType={PageTypes.CMS} />;
         </Fragment>