feature/Create notifications index page

Author: LewisYoul

app/controllers/notifications_controller.rb

@@ -0,0 +1,8 @@
+class NotificationsController < ApplicationController
+  after_action -> { current_user.mark_notifications_as_read }, only: :index
+
+  def index
+    @page_title = 'Notifications'
+    @notifications = current_user.notifications.order(created_at: :desc)
+  end
+end

app/helpers/application_helper.rb

@@ -16,4 +16,11 @@ def notification_counter(user)
       "<span class='menu-button--notification'>#{count_for_display}</span>".html_safe
     end
   end
+
+  def notification_for_display(notification)
+    case notification.notifiable_type
+    when 'Follow'
+      render partial: 'notifications/follow', locals: { notification: notification }
+    end
+  end
 end

app/models/notification.rb

@@ -3,4 +3,8 @@ class Notification < ApplicationRecord
   belongs_to :notifiable, polymorphic: true
 
   scope :unread, -> { where(read: false) }
+
+  def mark_as_read
+    update(read: true)
+  end
 end

app/models/user.rb

@@ -80,6 +80,10 @@ def avatar_url
     end
   end
 
+  def mark_notifications_as_read
+    notifications.unread.each { |notification| notification.mark_as_read }
+  end
+
   def follow(user)
     follow = Follow.create(followed_user_id: user.id, follower_id: id)
     follow.notifications.create(user: user)

app/views/notifications/_follow.html.erb

@@ -0,0 +1,11 @@
+<% follower = notification.notifiable.follower %>
+
+<div
+  class="card--container card--container-padding"
+  style="cursor: pointer;"
+  data-controller="navigation"
+  data-navigation-url-value="<%= user_path(follower) %>"
+  data-action="click->navigation#navigate"
+>
+  <span><%= follower.name %> followed you</span>
+</div>

app/views/notifications/index.html.erb

@@ -0,0 +1,3 @@
+<% @notifications.each do |notification| %>
+  <%= notification_for_display(notification) %>
+<% end %>

app/views/shared/_sidebar.html.erb

@@ -13,7 +13,7 @@
         <% end %>
       </div>
       <div class="menu-button--wrapper">
-        <%= link_to folders_path, class: request.fullpath == folders_path ? 'menu-button--item-active' : 'menu-button--item' do %>
+        <%= link_to notifications_path, class: request.fullpath == notifications_path ? 'menu-button--item-active' : 'menu-button--item' do %>
           <%= notification_counter(current_user) %>
           <img src="/icons/icons8-notification-24.png" width="22">
           <span class="menu-button--name">Notifications</span>

config/routes.rb

@@ -54,6 +54,8 @@
     get :popover, on: :member
   end
 
+  resources :notifications, only: :index
+
   resources :users, only: %i(index show) do
     resources :snippets, only: :index