On peut craft 👷 c'est chouette

CetteAppliVaMarcher/CetteAppliVaMarcher/Components/Crafting.razor

@@ -3,7 +3,7 @@
         <div class="row">
             <div class="col-6">
                 
-                <div>Available items:</div>
+                <div>Available items: @Items.Count()</div>
                 <div>
                     <div class="css-grid">
                         

CetteAppliVaMarcher/CetteAppliVaMarcher/Components/CraftingItem.razor

@@ -10,5 +10,13 @@
     @if (Item != null)
     {
         @Item.DisplayName
+        if (!string.IsNullOrWhiteSpace(@Item.ImageBase64))
+        {
+            <img src="data:image/png;base64, @(Item.ImageBase64)" class="img-thumbnail" title="@Item.DisplayName" alt="@Item.DisplayName" style="width: 50px"/>
+        }
+        else
+        {
+            <img src="images/default.png" class="img-thumbnail" title="@Item.DisplayName" alt="@Item.DisplayName" style="width: 50px"/>
+        }
     }
 </div>

CetteAppliVaMarcher/CetteAppliVaMarcher/Pages/Index.razor.cs

@@ -13,5 +13,20 @@ namespace CetteAppliVaMarcher.Pages
         public List<Item> Items { get; set; } = new List<Item>();
 
         private List<CraftingRecipe> Recipes { get; set; } = new List<CraftingRecipe>();
+
+        protected override async Task OnAfterRenderAsync(bool firstRender)
+        {
+            base.OnAfterRenderAsync(firstRender);
+
+            if (!firstRender)
+            {
+                return;
+            }
+
+            Items = await DataService.List(0, await DataService.Count());
+            Recipes = await DataService.GetRecipes();
+
+            StateHasChanged();
+        }
     }
 }

CetteAppliVaMarcher/CetteAppliVaMarcher/Pages/List.razor

@@ -44,7 +44,6 @@
         </DisplayTemplate>
     </DataGridColumn>
     <DataGridColumn TItem="Item" Field="@nameof(Item.CreatedDate)" Caption="Created date" DisplayFormat="{0:d}" DisplayFormatProvider="@System.Globalization.CultureInfo.GetCultureInfo("fr-FR")" />
-    <DataGridColumn TItem="Item" Field="@nameof(Item.CreatedDate)" Caption="Created date" DisplayFormat="{0:d}" DisplayFormatProvider="@System.Globalization.CultureInfo.GetCultureInfo("fr-FR")" />
     <DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="Action">
         <DisplayTemplate>
             <a href="Edit/@(context.Id)" class="btn btn-primary"><i class="fa fa-edit"></i> Editer</a>