@page "/statuslog/latest"
@inject State State

<div class="row center-align">
<h3>
  <i class="fa-solid fa-message-smile"></i> Statuslog
</h3>
</div>
<div class="row center-align">
<p>The latest posts from everyone at <a href="https://status.lol">status.lol</a></p>
</div>

<AuthorizeView>
  <Authorized>
    <button class="fab circle extra large-elevate" data-ui="#post-modal">
      <i class="fa-solid fa-pen-to-square"></i>
    </button>
    <NewStatusDialog id="post-modal"></NewStatusDialog>
  </Authorized>
</AuthorizeView>

<div id="statuses" class="responsive">
  <StatusList StatusFunc="@State.VirtualStatusesFunc()"></StatusList>
</div>


@code {

}