@page "/pics"
@inject State State
@inject IJSRuntime JS


<div class="row center-align">
  <h3>
    <i class="fa-solid fa-images"></i> Some.pics
  </h3>
</div>
<div class="row center-align">
  <p>Sit back, relax, and look at <a href="https://some.pics/">some.pics</a></p>
</div>

<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() => await State.GetPics())"></PicList>
</div>

@code {

}