Updated CI for Blazor WebAssembly. Added styles for product cards.

JSMR.UI.Blazor/Components/JProduct.razor

@@ -0,0 +1,25 @@
+@using JSMR.Application.VoiceWorks.Queries.Search
+@using JSMR.UI.Blazor.Services
+
+<div class="j-card j-voice-work-card">
+    <div class="j-voice-work-image-container">
+        <JImage ImageClass="j-voice-work-image" Source="@ImageUrlProvider.GetImageURL(Product.ProductId, Product.HasImage, Product.SalesDate, "main")"></JImage>
+    </div>
+    <div class="j-voice-work-content">
+        <div class="j-product-title">@Product.ProductName</div>
+        <div class="j-product-description">@Product.Description</div>
+        <div class="j-tags">
+            @foreach (var tag in Product.Tags)
+            {
+                <div class="j-tag">@tag.Name</div>
+            }
+        </div>
+    </div>
+    <div class="j-voice-work-info">
+    </div>
+</div>
+
+@code {
+    [Parameter]
+    public required VoiceWorkSearchResult Product { get; set; }
+}

JSMR.UI.Blazor/Components/JProductCollection.razor

@@ -0,0 +1,24 @@
+@using JSMR.Application.VoiceWorks.Queries.Search
+
+@if (Products is null)
+{
+    <p>Loading…</p>
+}
+else if (Products.Length == 0)
+{
+    <p>No results.</p>
+}
+else
+{
+    <div class="j-product-items-container">
+        @foreach (var product in Products)
+        {
+            <JProduct Product="@product"></JProduct>
+        }
+    </div>
+}
+
+@code {
+    [Parameter]
+    public VoiceWorkSearchResult[]? Products { get; set; }
+}