scinote-web/app/views/user_notifications/_recent_notifications.html.erb

<% @recent_notifications.each do |notification| %>
<li class="notification <%= 'unseen' unless notification.already_seen(current_user) %>">
  <div class="row">
    <div class="col-xs-2">
      <span style="display: none;" data-hook="user-notification-recent-list-item"></span>
      <% if notification.type_of == 'recent_changes' %>
      <div class="text-center">
        <%= image_tag avatar_path(notification.generator_user, :icon_small), class: 'avatar' %>
      </div>
      <% end %>
      <% if notification.type_of == 'assignment' %>
      <div class="text-center">
        <span class="assignment"><%= fa_icon 'newspaper-o' %></span>
      </div>
      <% end %>
      <% if notification.type_of == 'system_message' %>
      <div class="text-center">
        <span class="system-message"><i class="glyphicon glyphicon-tower" aria-hidden="true"></i></span>
      </div>
      <% end %>
    </div>

    <div class="col-xs-10">
      <strong><%= sanitize_input(notification.title) %></strong> <br>
      <%= l(notification.created_at, format: :full) %> | <%= sanitize_input(notification.message) %>
    </div>
  </div>
<li>
<% end %>