Update vu

ValblazeProject/Components/InventoryItem.razor

@@ -9,8 +9,9 @@
 
     @if (Item != null)
     {
-        <div style="position:relative">
-            <img src="data:image/png;base64, @(Item.ImageBase64)" class="img-thumbnail imageList" title="@Item.DisplayName" alt="@Item.DisplayName" />            @if (Item.Num > 0)
+        <div>
+            <img src="data:image/png;base64, @(Item.ImageBase64)" class="img-thumbnail imageList" title="@Item.DisplayName" alt="@Item.DisplayName" />
+            @if (Item.Num > 0)
             {
                 <div class="number">
                     @(

ValblazeProject/Components/InventoryItem.razor.css

@@ -10,6 +10,18 @@
 .imageList {
     min-width: 50px;
     max-width: 50px;
-    height: 50px;
-    margin: auto
-}
+}
+
+.number {
+    font-family: 'VT323', monospace;
+    font-size: 24px;
+    color: #fefefe;
+    position: relative;
+    text-shadow: #333 1px 2px 1px;
+    top: -30px;
+    right: -40px;
+    cursor: default;
+    z-index: 20;
+    pointer-events: none;
+}
+

ValblazeProject/Inventory.json

@@ -1 +1 @@
-[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null]
+[null,null,null,{"Id":1,"DisplayName":"Stone","Name":"stone","StackSize":64,"MaxDurability":0,"EnchantCategories":[],"RepairWith":[],"CreatedDate":"2022-12-30T20:30:15.8656978+01:00","UpdatedDate":null,"ImageBase64":"iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAnklEQVQ4y4VTQRIAMQTzXA9w7xM8uXti0jS6B8OYEiK1zNxoa60dETsiOnb3I4dmFWABPypz925Wbw1REImRp8Y9Aa5QnvM4bZlhZ0YrzzxhjTGiMl6pfGaeEzAKxuMVsDsjvNbrBqwBReC0Yp9R8aCKlejM3S8h8UossOOMarTX2LyuKYLUn2Apl7fpE03MY\u002B6a4CWmiUj7U5/iBME\u002BeeR3wyunqoUAAAAASUVORK5CYII=","Num":1},null,null,{"Id":1,"DisplayName":"Stone","Name":"stone","StackSize":64,"MaxDurability":0,"EnchantCategories":[],"RepairWith":[],"CreatedDate":"2022-12-30T20:29:53.3896405+01:00","UpdatedDate":null,"ImageBase64":"iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAnklEQVQ4y4VTQRIAMQTzXA9w7xM8uXti0jS6B8OYEiK1zNxoa60dETsiOnb3I4dmFWABPypz925Wbw1REImRp8Y9Aa5QnvM4bZlhZ0YrzzxhjTGiMl6pfGaeEzAKxuMVsDsjvNbrBqwBReC0Yp9R8aCKlejM3S8h8UossOOMarTX2LyuKYLUn2Apl7fpE03MY\u002B6a4CWmiUj7U5/iBME\u002BeeR3wyunqoUAAAAASUVORK5CYII=","Num":1},null,null,null,null,null,null,null,null,null,null,null]

ValblazeProject/Pages/Inventaire.razor.cs

@@ -1,20 +1,12 @@
-using Blazored.LocalStorage;
-using Blazored.Modal;
-using Blazored.Modal.Services;
-using Blazorise.DataGrid;
+using Blazorise.DataGrid;
 using ValblazeProject.Models;
 using Microsoft.AspNetCore.Components;
 using Microsoft.Extensions.Localization;
-using ValblazeProject.Modals;
 using ValblazeProject.Services;
 using ValblazeProject.Components;
 using System.Collections.ObjectModel;
-using System.ComponentModel;
-using Microsoft.AspNetCore.Components.Forms;
-using System.Linq;
 using Microsoft.JSInterop;
 using System.Collections.Specialized;
-using Microsoft.AspNetCore.Components.Web;
 using System.Text.Json;
 
 namespace ValblazeProject.Pages
@@ -45,7 +37,6 @@ namespace ValblazeProject.Pages
         private int totalSizeByPage = 5;
         private bool _trie = false;
 
-
         // Gestion logs
         public ObservableCollection<InventoryAction> Actions { get; set; }
 
@@ -95,13 +86,13 @@ namespace ValblazeProject.Pages
         }
 
         /// <summary>
-        /// Logs
+        /// method that call the javascript 
         /// </summary>
         /// <param name="sender"></param>
         /// <param name="e"></param>
         private void OnActionsCollectionChanged(object? sender, NotifyCollectionChangedEventArgs e)
         {
-            JavaScriptRuntime.InvokeVoidAsync("Inventaire.AddActions", e.NewItems);
+            JavaScriptRuntime.InvokeVoidAsync("Crafting.AddActions", e.NewItems);
         }
 
         /// <summary>