Merge pull request #33 from cesarParra/example-image-reference-fix

chore: kitchen sink demo images

Author: cesarParra

examples/main/default/staticresources/tee.resource-meta.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<StaticResource xmlns="http://soap.sforce.com/2006/04/metadata">
+    <cacheControl>Public</cacheControl>
+    <contentType>image/webp</contentType>
+</StaticResource>

examples/main/default/staticresources/tee.webp

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<StaticResource xmlns="http://soap.sforce.com/2006/04/metadata">
+    <cacheControl>Public</cacheControl>
+    <contentType>image/webp</contentType>
+</StaticResource>

examples/main/default/staticresources/tumbler.resource-meta.xml

@@ -12,8 +12,8 @@ public with sharing class ShoppingCartController {
 
     private static List<ItemDto> buildSampleItemList() {
         List<ItemDto> items = new List<ItemDto>();
-        items.add(new ItemDto('1', 'Nomad Tumbler', new List<String>{'White'}, 1, 35.0, 'https://tailwindui.com/img/ecommerce-images/shopping-cart-page-01-product-03.jpg'));
-        items.add(new ItemDto('2', 'Basic Tee', new List<String>{'Sienna', 'Large'}, 1, 32.0, 'https://tailwindui.com/img/ecommerce-images/shopping-cart-page-01-product-01.jpg'));
+        items.add(new ItemDto('1', 'Nomad Tumbler', new List<String>{'White'}, 1, 35.0, 'resource/tumbler'));
+        items.add(new ItemDto('2', 'Basic Tee', new List<String>{'Sienna', 'Large'}, 1, 32.0, 'resource/tee'));
         return items;
     }
 

examples/main/default/staticresources/tumbler.webp

@@ -6,6 +6,7 @@ import {
   cartHistory,
   undoCartChange
 } from "c/demoSignals";
+import basePath from "@salesforce/community/basePath";
 
 // States
 import ready from "./states/ready.html";
@@ -43,7 +44,11 @@ export default class ShoppingCartDetails extends TwElement {
   get items() {
     return (
       this.itemData.data.items?.map((item) => {
-        return { ...item, total: item.price * item.quantity };
+        return {
+          ...item,
+          imgUrl: `${basePath}/${item.imgUrl}`,
+          total: item.price * item.quantity
+        };
       }) ?? []
     );
   }