Default some product values

chec · Feb 10, 2021 · a33b733 · a33b733
1 parent 48e60d7
commit a33b733
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/src/components/product/listing/ProductListing.tsx b/src/components/product/listing/ProductListing.tsx
@@ -8,7 +8,7 @@ interface ProductListingProps {
 }
 
 const ProductListing: React.FC<ProductListingProps> = ({ product }) => {
- const { variants, assets, meta, related_products } = product;
+ const { variants, assets = [], meta = {}, related_products = [] } = product;
  const images = assets.filter(({ is_image }) => is_image);
  return (
  <IonGrid className="product-listing">

diff --git a/src/pages/product/Product.tsx b/src/pages/product/Product.tsx
@@ -13,7 +13,6 @@ import "./Product.css";
 import Commerce from "@chec/commerce.js";
 import { useEffect, useState } from "react";
 import { RouteComponentProps } from "react-router";
-import ProductCard from "../../components/product/listing/ProductListing";
 import ProductListing from "../../components/product/listing/ProductListing";
 
 interface ProductDetailPageProps
@@ -33,7 +32,7 @@ const ProductDetail: React.FC<ProductDetailPageProps> = ({
  .retrieve(match.params.id)
  .then((product) => setProduct(product))
  .catch((e) => console.error(e));
- }, []);
+ }, [match.params.id]);
 
  return (
  <IonPage>