feature/Add basic connect view

Author: LewisYoul

app/assets/stylesheets/helpers.scss

@@ -64,6 +64,9 @@
 }
 .margin-auto { margin: 0 auto; }
 
+.padding-left { padding-left: 16px; }
+.padding-right { padding-right: 16px; }
+
 .text-center { text-align: center; }
 
 // TEXT
@@ -73,6 +76,7 @@
 // FONT
 
 .normal { font-weight: normal; }
+.light { font-weight: 100; }
 
 // COLOR
 

app/controllers/application_controller.rb

@@ -23,7 +23,7 @@ def set_toast_message
 
   def assign_users_for_connect
     if user_signed_in?
-      @users_for_connect = User.where.not(id: current_user.following.pluck(:id) << current_user.id).limit(5)
+      @users_for_connect = current_user.not_following.limit(5)
     else
       @users_for_connect = User.order(updated_at: :desc).limit(5)
     end

app/controllers/home_controller.rb

@@ -1,4 +1,6 @@
 class HomeController < ApplicationController
+  before_action :authenticate_user!, only: :connect
+
   def index
     @display_popover = true
 
@@ -26,4 +28,24 @@ def index
       end
     end
   end
+
+  def connect
+    @page_title = 'Connect'
+    @users = current_user.not_following
+
+    # @users = current_user.not_following
+
+    # @users = @users
+    #   .order(created_at: :desc)
+    #   .paginate(page: params[:page] || 1, per_page: 15)
+
+    # respond_to do |format|
+    #   format.json do
+    #     render json: {
+    #       entries: render_to_string(partial: 'snippets/snippets', formats: [:html]),
+    #       pagination: view_context.will_paginate(@users)
+    #     }
+    #   end
+    # end
+  end
 end

app/models/user.rb

@@ -38,6 +38,13 @@ class User < ApplicationRecord
   validates :bio, length: { maximum: 160 }
   validates :location, length: { maximum: 30 }
 
+  # Spend some time working out how to obtain all users the given user is not following
+  scope :not_followed_by, -> (user) { where.not(id: user.following.pluck(:id) << user.id) }
+
+  def not_following
+    self.class.not_followed_by(self)
+  end
+
   def created?(snippet)
     snippets.find_by(id: snippet.id).present?
   end

app/views/home/connect.html.erb

@@ -0,0 +1,3 @@
+<% @users.each do |user| %>
+  <%= render partial: 'users/follow_preview', locals: { user: user } %>
+<% end %>

app/views/shared/_sidebar.html.erb

@@ -38,5 +38,8 @@
       <% @users_for_connect.each do |user| %>
         <%= render partial: 'users/connect', locals: { user: user } %>
       <% end %>
+      <div class="flex flex-end">
+        <%= link_to 'More...', connect_path, class: 'padding-right light' %>
+      </div>
     </div>
 </div>

app/views/users/_follow_preview.html.erb

@@ -1,4 +1,4 @@
 <div class="card--container card--container-padding">
-  <%= render partial: 'preview', locals: { user: user } %>
+  <%= render partial: 'users/preview', locals: { user: user } %>
   <span class="follow--description"><%= user.bio %></span>
 </div>

config/routes.rb

@@ -9,6 +9,7 @@
   devise_for :users, controllers: { registrations: 'registrations', sessions: 'sessions' }
   # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html
   root to: 'home#index'
+  get '/connect', to: 'home#connect'
 
   namespace :modals do
     resources :users do