PWA-3359 : Allowing null values into the Product Thumbnail GrapQL in …

…orderRow.pql.js and Adding Transparent Placeholder image for deleted products on order history screen in collapsedImageGallery.js file.
magento · Oct 9, 2024 · 2a46975 · 2a46975
1 parent 6d38221
commit 2a46975
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/peregrine/lib/talons/OrderHistoryPage/orderRow.gql.js b/packages/peregrine/lib/talons/OrderHistoryPage/orderRow.gql.js
@@ -11,7 +11,7 @@ export const GET_CONFIGURABLE_THUMBNAIL_SOURCE = gql`
 `;
 
 export const GET_PRODUCT_THUMBNAILS_BY_URL_KEY = gql`
-    query GetProductThumbnailsByURLKey($urlKeys: [String!]!) {
+    query GetProductThumbnailsByURLKey($urlKeys: [String]!) {
         products(filter: { url_key: { in: $urlKeys } }) {
             # eslint-disable-next-line @graphql-eslint/require-id-when-available
             items {

diff --git a/packages/venia-ui/lib/components/OrderHistoryPage/collapsedImageGallery.js b/packages/venia-ui/lib/components/OrderHistoryPage/collapsedImageGallery.js
@@ -19,6 +19,9 @@ const CollapsedImageGallery = props => {
             const baseImageElements = Object.values(items)
                 .slice(0, DISPLAY_COUNT)
                 .map((item, index) => {
+                    if (!item){
+                        return null;
+                    }
                     const { thumbnail, name } = item;
                     const { url } = thumbnail;