fix: resolve layout direction issue in Boilerplate #10971 (#10975)

Author: msynk

src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Components/Layout/AppAiChatPanel.razor.cs

@@ -8,6 +8,15 @@ namespace Boilerplate.Client.Core.Components.Layout;
 
 public partial class AppAiChatPanel
 {
+    [CascadingParameter] public BitDir? CurrentDir { get; set; }
+
+    [CascadingParameter(Name = Parameters.CurrentTheme)]
+    public AppThemeType? CurrentTheme { get; set; }
+
+
+    [AutoInject] private HubConnection hubConnection = default!;
+
+
     private bool isOpen;
     private bool isLoading;
     private string? userInput;
@@ -24,16 +33,6 @@ public partial class AppAiChatPanel
     //#endif
 
 
-    [AutoInject] private HubConnection hubConnection = default!;
-
-
-    [CascadingParameter(Name = Parameters.CurrentTheme)]
-    public AppThemeType? CurrentTheme { get; set; }
-
-    [CascadingParameter(Name = Parameters.CurrentDir)]
-    public BitDir? CurrentDir { get; set; }
-
-
     protected override Task OnInitAsync()
     {
         //#if(module == "Sales")

src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Components/Layout/Header/AppMenu.razor.cs

@@ -6,10 +6,14 @@ namespace Boilerplate.Client.Core.Components.Layout.Header;
 
 public partial class AppMenu
 {
-    private bool isOpen;
-    private bool showCultures;
-    private bool isSignOutConfirmOpen;
-    private BitChoiceGroupItem<string>[] cultures = default!;
+    [CascadingParameter] public BitDir? CurrentDir { get; set; }
+
+    [CascadingParameter(Name = Parameters.CurrentTheme)]
+    public AppThemeType? CurrentTheme { get; set; }
+
+    [CascadingParameter(Name = Parameters.CurrentUser)]
+    public UserDto? CurrentUser { get; set; }
+
 
     [AutoInject] private Cookie cookie = default!;
     [AutoInject] private ThemeService themeService = default!;
@@ -19,14 +23,11 @@ public partial class AppMenu
     [AutoInject] private SignInModalService signInModalService = default!;
 
 
-    [CascadingParameter(Name = Parameters.CurrentDir)]
-    public BitDir? CurrentDir { get; set; }
-
-    [CascadingParameter(Name = Parameters.CurrentTheme)]
-    public AppThemeType? CurrentTheme { get; set; }
+    private bool isOpen;
+    private bool showCultures;
+    private bool isSignOutConfirmOpen;
+    private BitChoiceGroupItem<string>[] cultures = default!;
 
-    [CascadingParameter(Name = Parameters.CurrentUser)]
-    public UserDto? CurrentUser { get; set; }
 
     private string? ProfileImageUrl => CurrentUser?.GetProfileImageUrl(AbsoluteServerAddress);
 

src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Components/Layout/Header/Header.razor.cs

@@ -4,16 +4,17 @@ namespace Boilerplate.Client.Core.Components.Layout.Header;
 
 public partial class Header : AppComponentBase
 {
+    [CascadingParameter] public BitDir? CurrentDir { get; set; }
+
+
+    [AutoInject] private History history = default!;
+
+
     private string? pageTitle;
     private string? pageSubtitle;
     private bool showGoBackButton;
     private Action unsubscribePageTitleChanged = default!;
 
-    [CascadingParameter(Name = Parameters.CurrentDir)]
-    public BitDir? CurrentDir { get; set; }
-
-
-    [AutoInject] private History history = default!;
 
     protected override async Task OnInitAsync()
     {
@@ -29,13 +30,6 @@ protected override async Task OnInitAsync()
         NavigationManager.LocationChanged += NavigationManager_LocationChanged;
     }
 
-    private void NavigationManager_LocationChanged(object? sender, LocationChangedEventArgs e)
-    {
-        // The sign-in and sign-up button hrefs are bound to NavigationManager.GetRelativePath().
-        // To ensure the bound values update with each route change, it's necessary to call StateHasChanged on location changes.
-        StateHasChanged();
-    }
-
 
     private void OpenNavPanel()
     {
@@ -47,6 +41,14 @@ private async Task GoBack()
         await history.GoBack();
     }
 
+    private void NavigationManager_LocationChanged(object? sender, LocationChangedEventArgs e)
+    {
+        // The sign-in and sign-up button hrefs are bound to NavigationManager.GetRelativePath().
+        // To ensure the bound values update with each route change, it's necessary to call StateHasChanged on location changes.
+        StateHasChanged();
+    }
+
+
     protected override async ValueTask DisposeAsync(bool disposing)
     {
         await base.DisposeAsync(disposing);

src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Components/Layout/Header/IdentityHeader.razor.cs

@@ -2,19 +2,18 @@
 
 public partial class IdentityHeader : AppComponentBase
 {
-    private BitDropdownItem<string>[] cultures = default!;
+    [CascadingParameter] public BitDir? CurrentDir { get; set; }
+
+    [CascadingParameter(Name = Parameters.CurrentTheme)]
+    public AppThemeType? CurrentTheme { get; set; }
 
 
     [AutoInject] private History history = default!;
     [AutoInject] private ThemeService themeService = default!;
     [AutoInject] private CultureService cultureService = default!;
 
 
-    [CascadingParameter(Name = Parameters.CurrentDir)]
-    public BitDir? CurrentDir { get; set; }
-
-    [CascadingParameter(Name = Parameters.CurrentTheme)]
-    public AppThemeType? CurrentTheme { get; set; }
+    private BitDropdownItem<string>[] cultures = default!;
 
 
     protected override async Task OnInitAsync()
@@ -29,6 +28,7 @@ protected override async Task OnInitAsync()
         }
     }
 
+
     private async Task HandleGoHomeLink()
     {
         NavigationManager.NavigateTo(Urls.HomePage, replace: true);

src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Components/Layout/MainLayout.razor

@@ -1,11 +1,11 @@
 @*+:cnd:noEmit*@
 @inherits LayoutComponentBase
 
-<CascadingValue Name="@Parameters.CurrentUser" Value=currentUser>
-    <CascadingValue Name=@Parameters.IsOnline Value=isOnline>
-        <CascadingValue Name="@Parameters.CurrentDir" Value=currentDir>
-            <CascadingValue Name="@Parameters.CurrentTheme" Value=currentTheme>
-                <CascadingValue Name="@Parameters.CurrentRouteData" Value=currentRouteData>
+<CascadingValue Value="currentDir">
+    <CascadingValue Name=@Parameters.IsOnline Value="isOnline">
+        <CascadingValue Name="@Parameters.CurrentUser" Value="currentUser">
+            <CascadingValue Name="@Parameters.CurrentTheme" Value="currentTheme">
+                <CascadingValue Name="@Parameters.CurrentRouteData" Value="currentRouteData">
 
                     <BitAppShell PersistScroll>
                         <main class="@GetMainCssClass()">

src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Components/Pages/Home/HomePage.razor.cs

@@ -6,8 +6,7 @@ namespace Boilerplate.Client.Core.Components.Pages.Home;
 
 public partial class HomePage
 {
-    [CascadingParameter(Name = Parameters.CurrentDir)]
-    public BitDir? CurrentDir { get; set; }
+    [CascadingParameter] public BitDir? CurrentDir { get; set; }
 
 
     //#if(module != "Sales")
@@ -16,11 +15,10 @@ public partial class HomePage
     private bool isLoadingNuget = true;
     private bool isLoadingGitHub = true;
 
-    [AutoInject] private IStatisticsController statisticsController = default!;
-    //#endif
 
+    [AutoInject] private IStatisticsController statisticsController = default!;
+    
 
-    //#if(module != "Sales")
     protected override async Task OnInitAsync()
     {
         await base.OnInitAsync();
@@ -36,9 +34,8 @@ protected override async Task OnInitAsync()
 
         await Task.WhenAll(LoadNuget(), LoadGitHub());
     }
-    //#endif
+    
 
-    //#if(module != "Sales")
     private async Task LoadNuget()
     {
         try
@@ -75,7 +72,6 @@ private async Task LoadGitHub()
         }
     }
     //#endif
-
     //#if(module == "Sales")
     private async Task HandleOnSearchBoxClick()
     {

src/Templates/Boilerplate/Bit.Boilerplate/src/Client/Boilerplate.Client.Core/Components/Parameters.cs

@@ -4,7 +4,6 @@ namespace Boilerplate.Client.Core.Components;
 
 public class Parameters
 {
-    public const string CurrentDir = nameof(CurrentDir);
     public const string CurrentTheme = nameof(CurrentTheme);
     public const string CurrentRouteData = nameof(CurrentRouteData);