@inject AccountState Account
@inject AccountManager AccountManager

<div class="pageHeader">
    <h1>Shogi</h1>
    @if (user == null)
    {
        <button type="button" class="logout" @onclick="AccountManager.LogoutAsync">Logout</button>
    }
    else
    {
        <div class="user">
            <div>@user.Value.DisplayName</div>
            <button type="button" class="logout" @onclick="AccountManager.LogoutAsync">Logout</button>
        </div>
    }
</div>

@code {
    private User? user;

    protected override void OnInitialized()
    {
        Account.LoginChangedEvent += OnLoginChange;
    }

    private Task OnLoginChange(LoginEventArgs args)
    {
        if (args == null)
            throw new ArgumentException(nameof(args));
        user = args.User;
        StateHasChanged();
        return Task.CompletedTask;
    }
}