Neighbourhood.omg.lol/Components/StatusList.razor

@inject IJSRuntime JS
@inject State State

@if(statuses != null) foreach(Status status in statuses) {
  <StatusCard status="@status"></StatusCard>
}

<LoadingCard id="statusLoading" icon="fa-solid fa-message-smile"></LoadingCard>

@code {
  [Parameter]
  public Func<Task<List<Status>?>> StatusFunc { get; set; }
  [Parameter]
  public bool Editable { get; set; } = false;
  
  private List<Status>? statuses;

  protected override async Task OnInitializedAsync() {
    await base.OnInitializedAsync();
    if (statuses == null || statuses.Count == 0) statuses = await StatusFunc();
    await InvokeAsync(StateHasChanged);
    await JS.InvokeVoidAsync("removeElementById", "statusLoading");
  }
}