Close open avanced filter

src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Detail/GameDetail.razor.cs

@@ -22,7 +22,7 @@ public partial class GameDetail : GameBaseComponent
 
     private void HandleSubmitNewGame()
     {
-        NavigationManager.NavigateTo("/");
+        NavigationManager.NavigateTo("/Games");
     }
 
     private async Task FetchGameDetail()

src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Filter/AdvancedGameFilter.razor

@@ -4,6 +4,8 @@
 @using GameIdeas.BlazorApp.Shared.Constants
 @using GameIdeas.Shared.Dto
 
+<NavigationLock OnBeforeInternalNavigation="HandleLocationChanged" />
+
 <div class="advanced-filter-container" style="@(ExpandedFilter ? "display: flex" : "")">
     <span class="title">@ResourcesKey.Filters</span>
 
@@ -33,9 +35,9 @@
     <span class="title">@ResourcesKey.LastAdd</span>
 </div>
 
-<button type="button" class="open-filter" @onclick=HandleExpandFilter>
+<button type="button" class="open-filter" @onclick=HandleExpandFilterAsync>
     @Icons.Filter
 </button>
 
-<BackdropFilter @ref="BackdropFilter" OnClick="HandleBackdropFilterClicked" CloseOnClick="true"
+<BackdropFilter @ref="BackdropFilter" OnClick="HandleBackdropFilterClickedAsync" CloseOnClick="true"
                 AllowBodyScroll="false" Color="BackdropFilterColor.Overlay" />

src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Filter/AdvancedGameFilter.razor.cs

@@ -4,6 +4,7 @@ using GameIdeas.BlazorApp.Shared.Components.Select.Models;
 using GameIdeas.Resources;
 using GameIdeas.Shared.Dto;
 using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.Routing;
 
 namespace GameIdeas.BlazorApp.Pages.Games.Filter;
 
@@ -48,13 +49,26 @@ public partial class AdvancedGameFilter
 
         throw new ArgumentNullException(ResourcesKey.ErrorStorageSpaceLabel);
     }
-    private void HandleExpandFilter(Microsoft.AspNetCore.Components.Web.MouseEventArgs args)
+    private async Task HandleExpandFilterAsync(Microsoft.AspNetCore.Components.Web.MouseEventArgs args)
     {
         ExpandedFilter = true;
+        await ExpandedFilterChanged.InvokeAsync(ExpandedFilter);
         BackdropFilter?.Show();
     }
-    private void HandleBackdropFilterClicked()
+
+    private async Task HandleBackdropFilterClickedAsync()
     {
         ExpandedFilter = false;
+        await ExpandedFilterChanged.InvokeAsync(ExpandedFilter);
+    }
+
+    private void HandleLocationChanged(LocationChangingContext locationContext)
+    {
+        if (ExpandedFilter)
+        {
+            ExpandedFilter = false;
+            BackdropFilter?.Hide();
+            locationContext.PreventNavigation();
+        }
     }
 }

src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Games/Games.razor

@@ -1,4 +1,4 @@
-@page "/"
+@page "/Games"
 @using GameIdeas.BlazorApp.Pages.Games.Components
 @using GameIdeas.BlazorApp.Pages.Games.Filter
 @using GameIdeas.BlazorApp.Shared.Components

src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/Redirect/RedirectToGames.razor

@@ -0,0 +1,10 @@
+@page "/"
+
+@inject NavigationManager navigationManager
+
+@code {
+    protected override void OnInitialized()
+    {
+        navigationManager.NavigateTo("/Games");
+    }
+}

src/GameIdeas/Client/GameIdeas.BlazorApp/Pages/UserMenu/UserMenu.razor.cs

@@ -14,7 +14,7 @@ public partial class UserMenu
     {
         ContentVisile = false;
         await AuthGateway.Logout();
-        NavigationManager.NavigateTo("/");
+        NavigationManager.NavigateTo("/Games");
     }
 
     private void HandleAccountClicked()