ListTokens.razor

@using Conesoft.Files

<AuthorizeView>
    <Authorized>
        <ul>
            @foreach (var token in Tokens)
            {
                <li>
                    <b>@token</b>
                    <button @onclick="() => DeleteToken(token)">x</button>
                </li>
            }
        </ul>
    </Authorized>
</AuthorizeView>

@code {
    [CascadingParameter]
    private Task<AuthenticationState>? authenticationState { get; set; }

    private Conesoft.Files.Directory tokenRoot = Conesoft.Files.Directory.From(@"C:\Temp\users\tokens");

    private string[] Tokens = Array.Empty<string>();

    protected override async Task OnInitializedAsync()
    {
        await authenticationState.Authorized(user =>
        {
            var _ = (tokenRoot / user).WatchLive(async files =>
            {
                await InvokeAsync(() =>
                {
                    Tokens = files.All.Select(f => f.Name).ToArray();
                    StateHasChanged();
                });
            });
        });
    }

    async Task DeleteToken(string token)
    {
        await authenticationState.Authorized(user =>
        {
            var file = tokenRoot / user / Filename.FromExtended(token);
            file.Delete();
            StateHasChanged();
        });
    }
}