qbtmud/Lantean.QBTMud/Layout/MainLayout.razor

@inherits LayoutComponentBase

<CascadingValue Value="DrawerOpen" Name="DrawerOpen">
    <EnhancedErrorBoundary @ref="ErrorBoundary" OnClear="Cleared">
        <MudThemeProvider @ref="MudThemeProvider" @bind-IsDarkMode="IsDarkMode" Theme="Theme" />
        <MudDialogProvider CloseOnEscapeKey="true" />
        <MudSnackbarProvider />
        <MudPopoverProvider />

        <PageTitle>qBittorrent Web UI</PageTitle>

        <MudLayout>
            <MudAppBar>
                <MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="ToggleDrawer" />
                <MudText Typo="Typo.h5" Class="ml-3">qBittorrent Web UI</MudText>
                <MudSpacer />
                @if (ErrorBoundary?.Errors.Count > 0)
                {
                    <MudBadge Content="@(ErrorBoundary?.Errors.Count ?? 0)" Color="Color.Error" Overlap="true" Class="mr-2">
                        <MudIconButton Icon="@Icons.Material.Filled.Error" Color="Color.Default" OnClick="ToggleErrorDrawer" />
                    </MudBadge>
                }
                <MudSwitch T="bool" Label="Dark Mode" LabelPlacement="Placement.End" Value="IsDarkMode" ValueChanged="DarkModeChanged" Class="pl-3" />
                <Menu @ref="Menu" />
            </MudAppBar>
            <MudDrawer @bind-Open="ErrorDrawerOpen" ClipMode="DrawerClipMode.Docked" Elevation="2" Anchor="Anchor.Right">
                <ErrorDisplay ErrorBoundary="ErrorBoundary" />
            </MudDrawer>
            <CascadingValue Value="Theme">
                <CascadingValue Value="IsDarkMode" Name="IsDarkMode">
                    <CascadingValue Value="Menu">
                        <CascadingValue Value="DrawerOpen" Name="DrawerOpen">
                            @Body
                        </CascadingValue>
                    </CascadingValue>
                </CascadingValue>
            </CascadingValue>
        </MudLayout>
    </EnhancedErrorBoundary>
</CascadingValue>