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

<RefreshButton></RefreshButton>

<PageHeading title="Status.lol" icon="fa-solid fa-message-smile">
  <Description>The latest posts from everyone at <a href="https://status.lol">status.lol</a></Description>
</PageHeading>

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

<div id="statuses" class="responsive">
  <StatusList StatusFunc="@(async(refresh) => await State.GetStatuses(refresh))"></StatusList>
</div>

@code {

}