Jason Zimdars
34 lines
1.2 KiB
Plaintext
34 lines
1.2 KiB
Plaintext
<% @page_title = "Notifications" %>
|
|
|
|
<% content_for :header do %>
|
|
<nav>
|
|
<header class="flex flex-column center margin-block-end">
|
|
<div class="flex align-center gap-half justify-center">
|
|
<%= link_to "Collections", root_path %>
|
|
<%= link_to "Activity", events_path %>
|
|
</div>
|
|
<h1 class="txt-x-large"><%= @page_title %></h1>
|
|
</header>
|
|
</nav>
|
|
<% end %>
|
|
|
|
<section class="panel center borderless unpad flex flex-column gap-half">
|
|
<% if @unread.any? %>
|
|
<h2 class="txt-small margin-block-start-double margin-block-end-half txt-uppercase txt-alert">New for you</h2>
|
|
<%= render @unread %>
|
|
<% else %>
|
|
<div class="pad border-radius border translucent" style="--border-style: dashed; --border-color: var(--color-ink);">
|
|
<strong>Nothing new for you.</strong>
|
|
</div>
|
|
<% end %>
|
|
</section>
|
|
|
|
<% if @page.records.any? %>
|
|
<section id="notifications_list_read" class="notificiations-list--read panel center borderless unpad flex flex-column gap-half margin-block-start-double">
|
|
<h2 class="txt-small margin-block-start-double margin-block-end-half txt-uppercase">Previously seen</h2>
|
|
<%= render @page.records %>
|
|
</section>
|
|
|
|
<%= notifications_next_page_link(@page) %>
|
|
<% end %>
|