container and image fixes

Author: Phil Stollery

DockerfileProducts

@@ -33,7 +33,8 @@ else
             @foreach (var product in products)
             {
                 <tr>
-                    <td><img height="80" width="80" src="@imagePrefix/@product.ImageUrl" /></td>
+                    <!-- Simulating images being hosted on a CDN -->
+                    <td><img height="80" width="80" src="https://raw.githubusercontent.com/MicrosoftDocs/mslearn-dotnet-cloudnative/main/dotnet-docker/Products/wwwroot/images/@product.ImageUrl" /></td>
                     <td>@product.Name</td>
                     <td>@product.Description</td>
                     <td>@product.Price</td>
@@ -45,13 +46,10 @@ else
 
 @code {
     private List<Product>? products;
-    private string imagePrefix = string.Empty;
 
     protected override async Task OnInitializedAsync()
     {
         // Simulate asynchronous loading to demonstrate streaming rendering
-        await Task.Delay(500);
-        imagePrefix = Configuration["ImagePrefix"];
         products = await ProductService.GetProducts();
     }
 

DockerfileStore

@@ -8,6 +8,5 @@
   },
   "AllowedHosts": "*",
   "ProductEndpoint": "http://localhost:5200",
-  "ProductEndpointHttps": "https://localhost:5200",
-  "ImagePrefix": "http://localhost:5200/images"
+  "ProductEndpointHttps": "https://localhost:5200"
 }

Store/Components/Pages/Products.razor

@@ -3,21 +3,15 @@ version: '3.4'
 services: 
 
   frontend:
-    image: storeimage
-    build:
-      context: .
-      dockerfile: DockerfileStore
+    image: store:latest
     environment: 
       - ProductEndpoint=http://backend:8080
-      - ImagePrefix=http://localhost
+      - ConnectionStrings:AppConfig=[PASTE CONNECTION STRING HERE]
     ports:
       - "32000:8080"
     depends_on: 
       - backend
   backend:
-    image: productservice
-    build: 
-      context: .
-      dockerfile: DockerfileProducts
+    image: products:latest
     ports: 
       - "32001:8080"