Enhance category handling in Category.cshtml.cs to validate and redirect based on category casing; update category header styles in Category.cshtml for improved visibility

Author: csharpfritz

Web/Pages/Index.cshtml

@@ -63,15 +63,14 @@
 <!-- Categories Section -->
 <div class="container-fluid py-5 mb-5">
     <div class="container">
-        <h2 class="fw-bold mb-4"><i class="bi bi-folder2-open"></i> Explore Categories</h2>
+        <h2 class="fw-bold mb-4"><i class="bi bi-folder2-open text-primary"></i> Explore Categories</h2>
         <div class="row g-4">
             @foreach (var category in Model.Categories)
             {
-                <div class="col-lg-3 col-md-4 col-sm-6">
-                    <a asp-page="/Tips/Category" asp-route-category="@category.ToLowerInvariant()" 
+                <div class="col-lg-3 col-md-4 col-sm-6">                    <a asp-page="/Tips/Category" asp-route-category="@category.ToLowerInvariant()" 
                        class="card text-decoration-none text-dark hover-card h-100">
                         <div class="card-body d-flex align-items-center gap-3">
-                            <i class="bi bi-folder2 fs-3"></i>
+                            <i class="bi bi-folder2-fill fs-3 text-primary"></i>
                             <h5 class="card-title mb-0">@category</h5>
                         </div>
                     </a>

Web/Pages/Tips/Category.cshtml

@@ -36,7 +36,8 @@
 
     <div class="row">
         <!-- Category Filter Sidebar -->
-        <div class="col-lg-3 col-md-4 mb-4">            <div class="card shadow-sm">
+        <div class="col-lg-3 col-md-4 mb-4">            
+					<div class="card shadow-sm">
                 <div class="card-header category-filter-header">
                     <h5 class="card-title mb-0">
                         <i class="bi bi-grid-3x3-gap"></i> Browse Categories
@@ -47,17 +48,17 @@
                     {
                         <a asp-page="/Tips/Category" asp-route-category="@cat" 
                            class="list-group-item list-group-item-action border-0 @(cat == Model.Category ? "active" : "")">
-                            @cat
-                            @if (cat == Model.Category)
+                            @cat                            @if (cat == Model.Category)
                             {
-                                <span class="badge bg-light text-primary ms-2">@Model.ViewModel.TotalCount</span>
+                                <span class="badge bg-light text-primary ms-2 border border-primary">@Model.ViewModel.TotalCount</span>
                             }
                         </a>
                     }
                 </div>
             </div>
 
-            <!-- Additional Filters -->            <div class="card shadow-sm mt-3">
+            <!-- Additional Filters -->           
+						 <div class="card shadow-sm mt-3">
                 <div class="card-header category-filter-header">
                     <h6 class="card-title mb-0">
                         <i class="bi bi-funnel"></i> Refine Results

Web/Pages/Tips/Category.cshtml.cs

@@ -31,6 +31,26 @@ public async Task<IActionResult> OnGetAsync()
 
         try
         {
+            // Get filter options first to validate category
+            var categories = await _contentService.GetCategoriesAsync();
+            var tags = await _contentService.GetTagsAsync();
+
+            // Find the matching category with correct casing
+            var matchingCategory = categories.FirstOrDefault(c => 
+                c.Equals(Category, StringComparison.OrdinalIgnoreCase));
+
+            // If category doesn't exist, redirect to index
+            if (matchingCategory == null)
+            {
+                return RedirectToPage("/Tips/Index");
+            }
+
+            // If category exists but with different casing, redirect to correct casing
+            if (matchingCategory != Category)
+            {
+                return RedirectToPage("/Tips/Category", new { category = matchingCategory });
+            }
+
             var request = new TipSearchRequest
             {
                 Category = Category,
@@ -41,10 +61,6 @@ public async Task<IActionResult> OnGetAsync()
             var tips = await _contentService.SearchTipsAsync(request);
             var totalCount = tips.Count;
 
-            // Get filter options
-            var categories = await _contentService.GetCategoriesAsync();
-            var tags = await _contentService.GetTagsAsync();
-
             ViewModel = new TipListViewModel
             {
                 Tips = tips,