Image display done

BlazorTp1/Pages/Add.razor.cs

@@ -10,6 +10,9 @@ namespace BlazorTp1.Pages
         [Inject]
         public ILocalStorageService LocalStorage { get; set; }
 
+        [Inject]
+        public NavigationManager NavigationManager { get; set; }
+
         [Inject]
         public IWebHostEnvironment WebHostEnvironment { get; set; }
 
@@ -70,6 +73,8 @@ namespace BlazorTp1.Pages
 
             // Save the data
             await LocalStorage.SetItemAsync("data", currentData);
+
+            NavigationManager.NavigateTo("list");
         }
 
         private async Task LoadImage(InputFileChangeEventArgs e)

BlazorTp1/Pages/List.razor

@@ -17,6 +17,18 @@
           ShowPager
           Responsive>
     <DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="#" />
+      <DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="Image">
+        <DisplayTemplate>
+            @if (File.Exists($"{WebHostEnvironment.WebRootPath}/images/{context.Name}.png"))
+            {
+                <img src="images/@(context.Name).png" class="img-thumbnail" title="@context.DisplayName" alt="@context.DisplayName" style="max-width: 150px"/>
+            }
+            else
+            {
+                <img src="images/default.png" class="img-thumbnail" title="@context.DisplayName" alt="@context.DisplayName" style="max-width: 150px"/>
+            }
+        </DisplayTemplate>
+    </DataGridColumn>
     <DataGridColumn TItem="Item" Field="@nameof(Item.DisplayName)" Caption="Display name" />
     <DataGridColumn TItem="Item" Field="@nameof(Item.StackSize)" Caption="Stack size" />
     <DataGridColumn TItem="Item" Field="@nameof(Item.MaxDurability)" Caption="Maximum durability" />

BlazorTp1/Pages/List.razor.cs

@@ -14,6 +14,9 @@ namespace BlazorTp1.Pages
         [Inject]
         public HttpClient Http { get; set; }
 
+        [Inject]
+        public IWebHostEnvironment WebHostEnvironment { get; set; }
+
         [Inject]
         public NavigationManager NavigationManager { get; set; }