phronCare/phronCare.UIBlazor/Layout/MainLayout.razor

@inherits LayoutComponentBase
@inject NavMenuService navMenuService
@using Blazored.Toast.Configuration

<div class="page @GetMode()">
    <AuthorizeView>
        <Authorized>
            <aside class="sidebar @MinimizeMenuClass">
                <NavMenu  MinStatus="ToggleMinNavMenu"/>
            </aside>
        </Authorized>
    </AuthorizeView>
    <main>
        <AuthorizeView>
            <Authorized>
                <div class="topbar">
                    <div class="topbar-context">
                        <span class="topbar-kicker">PhronCare</span>
                        <strong>Backoffice</strong>
                    </div>
                    <div class="topbar-actions">
                        <PhToggle ToggleStateChanged="OnChangeToggleSwitchState" ToggleState="@state" Caption="Tema oscuro">
                            <i class="fas fa-moon" aria-hidden="true"></i>
                        </PhToggle>
                        <PhLoginState/>
                    </div>
                </div>
            </Authorized>
        </AuthorizeView>
        <article class="content px-4">
            @Body
        </article>
    </main>
</div>

<BlazoredToasts Position="ToastPosition.BottomRight"
                Timeout="3"
                IconType="IconType.FontAwesome"
                SuccessClass="success-toast-override"
                SuccessIcon="fa fa-thumbs-up"
                ErrorIcon="fa fa-ban" />
@code {
    private bool state=false;
    private string MinimizeMenuClass => navMenuService.Minimized ? "sidebar-minimized" : string.Empty;
    protected void ToggleMinNavMenu(bool status)
    {
        navMenuService.Minimized = status;
    }
    private void OnChangeToggleSwitchState(bool value)
    {
        state = value;
    }
    private string GetMode()
    {
        if (state )
        {
            return "dark-mode";
        }
        else
        {
            return string.Empty;
        }
    }
}