chiya/lib/chiya_web/controllers/page_html/bookmarks.html.heex

<%= if @channel do %>
  <section class="mx-auto max-w-2xl">
    <.header>
      Bookmarks
      <:subtitle><%= Enum.count(@notes) %> in total</:subtitle>
    </.header>
  </section>

  <section class="mt-6 grid grid-cols-1 md:grid-cols-3 gap-3 max-w-4xl mx-auto">
    <section class="col-span-1 md:col-span-2">
      <%= if @channel.layout == :default do %>
        <.note_list_default notes={@notes}/>
      <% end %>
      <%= if @channel.layout == :gallery do %>
        <.note_list_gallery notes={@notes}/>
      <% end %>
      <%= if @channel.layout == :microblog do %>
        <.note_list_microblog notes={@notes}/>
      <% end %>
    </section>

    <section>
      <ul>
        <%= for {letter, tag_group} <- @tags do %>
          <li class="mb-2">
            <span class="capitalize text-theme-primary border border-theme-background1 rounded font-sm px-2 py-1 inline-block mb-2">
              <%= letter %>
            </span>

            <%= for tag <- tag_group do %>
              <a
                href={~p"/tagged-with/#{tag.slug}"}
                class="border border-theme-background1 rounded font-sm px-2 py-1 inline-block mb-2 hover:bg-theme-background1 transition"
              >
                <%= tag.name %> <span class="text-theme-base text-xs font-mono bg-theme-primary/25 rounded-full py-0.5 px-1 align-middle"><%= Enum.count(tag.notes) %></span>
              </a>
            <% end %>
          </li>
        <% end %>
      </ul>
    </section>
  </section>
<% else %>
  <section class="mx-auto max-w-2xl">
    <.header>
      Bookmarks
    </.header>

    <section class="prose prose-gruvbox mt-6">
      Bookmarks not set up.
    </section>
  </section>
<% end %>