feature/Restly like and comment button

Author: LewisYoul

app/models/snippet.rb

@@ -56,6 +56,14 @@ def visible_to?(user)
     end
   end
 
+  def comments?
+    comments_count > 0
+  end
+
+  def likes?
+    likes_count > 0
+  end
+
   private
 
   def owner_folder_presence

app/views/shared/_comment_button.html.erb

@@ -1,12 +1,14 @@
-<%= link_to snippet_path(snippet, anchor: 'new-comment'), class: "no-underline flex items-center bg-gray-100 rounded-sm px-1 cursor-pointer hover:shadow-md transition" do %>
-  <%= render partial: 'shared/icons/chat', locals: { width: 5, height: 5, color: 'text-gray-500 mr-1' } %>
+<%= link_to snippet_path(snippet, anchor: 'new-comment'), class: "no-underline flex items-center cursor-pointer transition" do %>
+  <%= render partial: 'shared/icons/chat', locals: { width: 5, height: 5, color: 'text-gray-500' } %>
   <span
     data-controller='counts'
     data-counts-count-value="<%= snippet.comments_count %>"
     data-action='comment-created@window->counts#increment comment-deleted@window->counts#decrement'
     data-counts-target="count"
-    class="inline-block text-sm text-gray-500"
+    class="inline-block text-sm text-gray-500 ml-1 -mb-0.5"
   >
-    <%= snippet.comments_count %>
+    <% if snippet.comments? %> 
+      <%= snippet.comments_count %>
+    <% end %>
   </span>
 <% end %>

app/views/shared/_like_button.html.erb

@@ -1,5 +1,5 @@
 <div
-  class="rounded-sm h-full"
+  class="relative h-full cursor-pointer transition"
   <% if user_signed_in? %>
     data-controller="like"
     data-like-target="container"
@@ -11,10 +11,12 @@
   <% end %>
 >
   <div 
-    class="flex h-full items-center bg-gray-100 rounded-sm px-1 mr-2 cursor-pointer hover:shadow-md transition"
+    class="flex h-full items-center mr-2"
     data-action="click->like#toggle"
   >
     <%= render partial: 'shared/icons/heart', locals: { width: 5, height: 5, color: color_for_like_status(snippet) } %>
-    <span class="inline-block text-sm text-gray-500"><%= snippet.likes_count %></span>
+    <% if snippet.likes? %>
+      <span class="inline-block text-sm text-gray-500 ml-1 -mb-0.5"><%= snippet.likes_count %></span>
+    <% end %>
   </div>
 </div>

app/views/shared/_nav_item.html.erb

@@ -8,15 +8,17 @@
   <% if path == notifications_path %>
     <%= notification_counter(current_user) %>
   <% end %>
+  
+  <% if false #temp don't display %>
+    <div 
+      class="hidden shadow-sm transition px-2 absolute text-sm bg-white text-cyan transform rounded-sm m-auto -bottom-6 left-1/2 -translate-x-2/4"
+      data-tooltip-target="tooltip"
+    >
+      <span><%= page_title %></span>
+    </div>
+  <% end %>
 
-  <div 
-    class="hidden shadow-sm transition px-2 absolute text-sm bg-white text-cyan transform rounded-sm m-auto -bottom-6 left-1/2 -translate-x-2/4"
-    data-tooltip-target="tooltip"
-  >
-    <span><%= page_title %></span>
-  </div>
-
-  <% if active %>
+  <% if false #active %>
     <div data-controller="tooltip-listener" data-tooltip-listener-target="tooltip" data-action="hide-tooltip@window->tooltip-listener#hide display-tooltip@window->tooltip-listener#display" class="transition shadow-sm px-2 absolute text-sm bg-white text-cyan transform rounded-sm m-auto -bottom-6 left-1/2 -translate-x-2/4">
       <span><%= page_title %></span>
     </div>

app/views/shared/_topbar.html.erb

@@ -16,7 +16,7 @@
           <%= render partial: 'shared/nav_item', locals: { path: connect_path, page_title: 'Connect', icon: 'connect' } %>
         <% end %>
 
-        <% if @page_title %>
+        <% if false #@page_title %>
           <div data-controller="tooltip-listener" data-tooltip-listener-target="tooltip" data-action="hide-tooltip@window->tooltip-listener#hide display-tooltip@window->tooltip-listener#display" class="transition shadow-sm px-2 absolute text-sm bg-white text-cyan transform rounded-sm m-auto -bottom-2.5 left-1/2 -translate-x-2/4">
             <span><%= @page_title %></span>
           </div>