@riosst100/pwa-marketplace 2.1.6 → 2.1.7

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@riosst100/pwa-marketplace",
   "author": "riosst100@gmail.com",
-  "version": "2.1.6",
+  "version": "2.1.7",
   "main": "src/index.js",
   "pwa-studio": {
     "targets": {

package/src/componentOverrideMapping.js

@@ -21,6 +21,7 @@ module.exports = componentOverrideMapping = {
     [`@magento/venia-ui/lib/components/MegaMenu/megaMenu.js`]: '@riosst100/pwa-marketplace/src/overwrites/venia-ui/lib/components/MegaMenu/megaMenu.js',
     [`@magento/venia-ui/lib/components/FilterModal/FilterList/filterDefault.js`]: '@riosst100/pwa-marketplace/src/overwrites/venia-ui/lib/components/FilterModal/FilterList/filterDefault.js',
     [`@magento/venia-ui/lib/RootComponents/Category/categoryContent.js`]: '@riosst100/pwa-marketplace/src/overwrites/venia-ui/lib/RootComponents/Category/categoryContent.js',
+    [`@magento/venia-ui/lib/RootComponents/Product/product.js`]: '@riosst100/pwa-marketplace/src/overwrites/venia-ui/lib/RootComponents/Product/product.js',
     [`@magento/peregrine/lib/talons/RootComponents/Category/useCategoryContent.js`]: '@riosst100/pwa-marketplace/src/overwrites/peregrine/lib/talons/RootComponents/Category/useCategoryContent.js',
     [`@magento/peregrine/lib/talons/RootComponents/Category/useCategory.js`]: '@riosst100/pwa-marketplace/src/overwrites/peregrine/lib/talons/RootComponents/Category/useCategory.js',
     [`@magento/peregrine/lib/talons/Breadcrumbs/useBreadcrumbs.js`]: '@riosst100/pwa-marketplace/src/overwrites/peregrine/lib/talons/Breadcrumbs/useBreadcrumbs.js',

package/src/overwrites/venia-ui/lib/RootComponents/Product/product.js

@@ -0,0 +1,58 @@
+import React, { Fragment } from 'react';
+import { FormattedMessage } from 'react-intl';
+import { string } from 'prop-types';
+import { useProduct } from '@magento/peregrine/lib/talons/RootComponents/Product/useProduct';
+
+import ErrorView from '@magento/venia-ui/lib/components/ErrorView';
+import { StoreTitle, Meta } from '@magento/venia-ui/lib/components/Head';
+import ProductFullDetail from '@magento/venia-ui/lib/components/ProductFullDetail';
+import mapProduct from '@magento/venia-ui/lib/util/mapProduct';
+import ProductShimmer from './product.shimmer';
+
+/*
+ * As of this writing, there is no single Product query type in the M2.3 schema.
+ * The recommended solution is to use filter criteria on a Products query.
+ * However, the `id` argument is not supported. See
+ * https://github.com/magento/graphql-ce/issues/86
+ * TODO: Replace with a single product query when possible.
+ */
+
+const Product = props => {
+    const { __typename: productType } = props;
+    const talonProps = useProduct({
+        mapProduct
+    });
+
+    const { error, loading, product } = talonProps;
+
+    if (loading && !product)
+        return <ProductShimmer productType={productType} />;
+    if (error && !product) return <ErrorView />;
+    if (!product) {
+        return <ErrorView />;
+        return (
+            <h1>
+                <FormattedMessage
+                    id={'product.outOfStockTryAgain'}
+                    defaultMessage={
+                        'This Product is currently out of stock. Please try again later.'
+                    }
+                />
+            </h1>
+        );
+    }
+
+    return (
+        <Fragment>
+            <StoreTitle>{product.name}</StoreTitle>
+            <Meta name="description" content={product.meta_description} />
+            <ProductFullDetail product={product} />
+        </Fragment>
+    );
+};
+
+Product.propTypes = {
+    __typename: string.isRequired
+};
+
+export default Product;