[Tech] [Ajay]: Add filtered by tags page

Author: Ajay kumar

TestArena/Blog/Common/NavigationUtils/SiteMap.cs

@@ -28,7 +28,7 @@ public static class SiteMap
             "/blog/integration-testing-in-dotnet-intro",
             new DateTime(2025, 1, 25),
             "images/blog/integration-testing/intro/banner.png",
-            ["Integration Testing", "DotNet"]),
+            ["Integration Testing", ".NET"]),
 
         new("Integration testing for dotnet core APIs: Handling database",
             "/blog/integration-testing-in-dotnet-with-database",

TestArena/Blog/Common/Thumbnail.razor

@@ -21,7 +21,11 @@
     <div class="card-body">
         @foreach (var c in Category)
         {
-            <span class="badge bg-primary mx-1">@c</span>
+            <a href="/filtered-blogs?tag=@c">
+                <span class="badge bg-primary mx-1">
+                    @c
+                </span>
+            </a>
         }
         <h5 class="card-title mt-2">
             <a href="@BlogUrl" class="text-decoration-none text-dark">@Title</a>

TestArena/Blog/FilteredBlogs.razor

@@ -0,0 +1,23 @@
+@page "/filtered-blogs"
+@using TestArena.Blog.Common
+@using TestArena.Blog.Common.NavigationUtils
+
+@code{
+    [SupplyParameterFromQuery(Name = "tag")]
+    private string? Tag { get; set; }
+}
+
+<h2 class="mb-4">Blogs with tag: <code>@Tag</code></h2>
+<div class="row row-cols-1 row-cols-md-3 g-4 p-2">
+
+    @{
+        foreach (var articlePage in SiteMap.Pages.Where(x => Tag is null || x.Tags.Contains(Tag)).ToList())
+        {
+            <div class="col">
+                <Thumbnail ImageUrl="@articlePage.ArticleImage" Title="@articlePage.Header" Author="Ajay kumar"
+                    Date="@articlePage.PublishedOn.ToLongDateString()" Category="@articlePage.Tags"
+                    BlogUrl="@articlePage.RelativePath" />
+            </div>
+        }
+    }
+</div>