added proper partial for rendering notifications

Author: Oaphi

app/assets/stylesheets/notifications.scss

@@ -9,7 +9,7 @@
   border-top: 1px solid $muted-graphic;
   display: grid;
   gap: 0.75em;
-  grid-template-columns: max-content auto;
+  grid-template-columns: auto 1fr;
   align-items: center;
   padding: 0.5em;
 

app/views/notifications/_notification.html.erb

@@ -0,0 +1,15 @@
+<%#
+   "Renders an inbox notification
+
+    Variables:
+      notification : Notification to render
+"%>
+
+<div class="notification">
+  <div class="notification-content">
+    <div class="form-caption">
+      <%= notification.rendered_timestamp %>
+    </div>
+    <a href="<%= notification.link %>"><%= render_pings_text(notification.content) %></a>
+  </div>
+</div>

app/views/notifications/index.html.erb

@@ -29,14 +29,7 @@
     <h2>Unread</h2>
   <% end %>
   <% unread_notifications.each do |notif| %>
-    <div class="notification">
-      <div class="notification-content">
-        <div class="form-caption">
-          <%= CGI.unescape_html(notif.created_at.strftime('%b&nbsp;%-d,&nbsp;%Y&nbsp;at&nbsp;%H:%M')).html_safe %>
-        </div>
-        <a href="<%= notif.link %>"><%= render_pings_text(notif.content) %></a>
-      </div>
-    </div>
+    <%= render 'notifications/notification', notification: notif %>
   <% end %>
 <% end %>
 
@@ -45,14 +38,7 @@
     <h2>Read</h2>
   <% end %>
   <% read_notifications.each do |notif| %>
-    <div class="notification">
-      <div class="notification-content">
-        <div class="form-caption">
-          <%= CGI.unescape_html(notif.created_at.strftime('%b&nbsp;%-d,&nbsp;%Y&nbsp;at&nbsp;%H:%M')).html_safe %>
-        </div>
-        <a href="<%= notif.link %>"><%= render_pings_text(notif.content) %></a>
-      </div>
-    </div>
+    <%= render 'notifications/notification', notification: notif %>
   <% end %>
 <% end %>