scinote-web/app/views/system_notifications/_notification.html.erb

<%= link_to system_notification_path(notification.id, format: :json), {
    class: "modal-system-notification system-notification",
    'data-new': notification.seen_at ? 0 : 1,
    'data-unread': notification.read_at ? 0 : 1,
    'data-system-notification-id': notification.id,
     remote: true
   } do %>
  <div class="status-block">
    <div class="status-icon <%= notification.read_at ? "seen" : "" %>">
      <i class="fas fa-gift"></i>
    </div>
  </div>
  <div class="body-block">
    <div class="datetime">
      <span><%= l(notification.created_at, format: :full) %></span>
    </div>
    <h5 class="title">
      <%= notification.title %>
    </h5>
    <div class="message">
      <span><%= notification.description %></span>
    </div>
  </div>
<% end %>