@page "/pics"
@inject State State

<RefreshButton></RefreshButton>

<PageHeading title="Some.pics" icon="fa-solid fa-images">
  <Description>Sit back, relax, and look at <a href="https://some.pics/">some.pics</a></Description>
</PageHeading>

<AuthorizeView>
  <Authorized>
    <button class="fab circle extra large-elevate" data-ui="#post-modal">
      <i class="fa-solid fa-camera-retro"></i>
    </button>
    <NewPicDialog id="post-modal"></NewPicDialog>
  </Authorized>
</AuthorizeView>

<div id="pics" class="responsive card-grid">
  <PicList PicsFunc="@(async(refresh) => await State.GetPics(refresh))"></PicList>
</div>

@code {

}