Display a message when feeds have no items

This is a scenario which will likely take place for at least some of the
goals.

app/assets/stylesheets/widgets/feeds/feed.scss

@@ -17,4 +17,8 @@
       padding: $line-height / 2 0;
     }
   }
+
+  .no-items {
+    margin-top: $line-height;
+  }
 }

app/components/widgets/feeds/feed_component.html.erb

@@ -3,11 +3,15 @@
     <h2 class="title"><%= t("welcome.feed.most_active.#{kind}") %></h2>
   </header>
 
-  <div class="feed-content">
-    <% feed.items.each do |item| %>
-      <%= render item_component_class.new(item) %>
-    <% end %>
-  </div>
+  <% if feed.items.any? %>
+    <div class="feed-content">
+      <% feed.items.each do |item| %>
+        <%= render item_component_class.new(item) %>
+      <% end %>
+    </div>
 
-  <%= link_to t("welcome.feed.see_all.#{kind}"), see_all_path, class: "see-all" %>
+    <%= link_to t("welcome.feed.see_all.#{kind}"), see_all_path, class: "see-all" %>
+  <% else %>
+    <div class="no-items callout primary"><%= t("welcome.feed.no_items.#{kind}") %></div>
+  <% end %>
 </section>

config/locales/en/general.yml

@@ -879,6 +879,10 @@ en:
         debates: See all debates
         proposals: See all proposals
         processes: See all processes
+      no_items:
+        debates: There are no debates right now
+        proposals: There are no proposals right now
+        processes: There are no open processes right now
       process_label: Process
       see_process: See process
     cards:

config/locales/es/general.yml

@@ -879,6 +879,10 @@ es:
         debates: Ver todos los debates
         proposals: Ver todas las propuestas
         processes: Ver todos los procesos
+      no_items:
+        debates: Ahora mismo no hay debates
+        proposals: Ahora mismo no hay propuestas
+        processes: Ahora mismo no hay procesos abiertos
       process_label: Proceso
       see_process: Ver proceso
     cards:

spec/components/widgets/feeds/feed_component_spec.rb

@@ -1,6 +1,15 @@
 require "rails_helper"
 
 describe Widgets::Feeds::FeedComponent, type: :component do
+  it "renders a message when there are no items" do
+    feed = double(kind: "debates", items: [])
+    component = Widgets::Feeds::FeedComponent.new(feed)
+
+    render_inline component
+
+    expect(page).to have_content "no debates"
+  end
+
   describe "#see_all_path" do
     context "debates" do
       let(:feed) { Widget::Feed.new(kind: "debates") }