bulletboards/ImageBoardServerApp/Shared/MainLayout.razor

@inherits LayoutComponentBase
@using ImageBoardServerApp.Auth
@inject AuthenticationStateProvider authStateProvder 
@inject NavigationManager navManager

<PageTitle>BulletBoard</PageTitle>

<div class="page">
    <div class="sidebar">
        <NavMenu/>
    </div>

    <main>
        
        <div class="top-row px-4">
            <a href="/faq">[FAQ]</a>
            <a href="/rules">[Rules]</a>
            <AuthorizeView>
                <Authorized>
                    <a @onclick="logout" href="javascript:void(0)">[Logout]</a>
                </Authorized>
                <NotAuthorized>
                    <a href="/login">[Login]</a>
                </NotAuthorized>
            </AuthorizeView>
        </div>

        <article class="content px-4">
            @Body
        </article>
    </main>
</div>

@code
{
    private async Task logout()
    {
        var customAuthStateProvider = (CustomAuthenticationStateProvider)authStateProvder;
        await customAuthStateProvider.UpdateAuthenticationStateAsync(null);
        navManager.NavigateTo("/", true);
    }
}