Show service area information on location lozenges

app/assets/stylesheets/base/turf.sass

@@ -1,4 +1,4 @@
-.neighbourhood
+.neighbourhood, .service-area
   // padding-top: 0.5rem
   span
     margin-top: 0.8rem

app/components/place_partner_preview/_place_partner_preview.html.erb

@@ -1,12 +1,20 @@
 <li class="preview">
   <div class="preview__header">
     <h3><%= link_to name, link %></h3>
+
+    <% if show_service_area? %>
+      <div class="service-area service-area--secondary preview__service-area">
+        <span><%= service_area_name %></span>
+      </div>
+    <% end %>
+
     <% if show_neighbourhoods %>
       <div class="neighbourhood <%= primary_neighbourhood? ? 'neighbourhood--primary' : 'neighbourhood--secondary' %> preview__neighbourhood">
         <span><%= neighbourhood_name(badge_zoom_level) %></span>
       </div>
     <% end %>
   </div>
+
   <% if description %>
     <div class="preview__details">
       <%= content_tag :p, description %>

app/components/place_partner_preview/place_partner_preview_component.rb

@@ -2,7 +2,8 @@
 
 # app/components/place/place_partner_preview_component.rb
 class PlacePartnerPreviewComponent < MountainView::Presenter
-  properties :primary_neighbourhood, :previewee, :show_neighbourhoods, :badge_zoom_level
+  properties :primary_neighbourhood,
+    :previewee, :show_neighbourhoods, :badge_zoom_level, :service_areas
 
   def name
     previewee.name
@@ -28,6 +29,18 @@ def primary_neighbourhood?
     primary_neighbourhood && (previewee.address&.neighbourhood == primary_neighbourhood)
   end
 
+  def show_service_area?
+    service_areas.count > 0
+  end
+
+  def service_area_name
+    if previewee.service_areas.count > 1
+      "various areas"
+    else
+      previewee.service_areas.first&.neighbourhood&.shortname
+    end
+  end
+
   private
 
   def previewee

app/views/admin/users/profile.html.erb

@@ -65,7 +65,7 @@
           <ul>
             <% current_user.neighbourhoods.each do |neighbourhood| %>
               <li>
-                <%= link_to neighbourhood.name, edit_admin_neighbourhood_path(neighbourhood) %>
+                <%= link_to neighbourhood.contextual_name, edit_admin_neighbourhood_path(neighbourhood) %>
               </li>
             <% end %>
           </ul>

app/views/partners/index.html.erb

@@ -9,6 +9,7 @@
       <%= render_component("place_partner_preview",
         previewee: partner,
         primary_neighbourhood: @primary_neighbourhood,
+        service_areas: partner.service_areas,
         show_neighbourhoods: @current_site.show_neighbourhoods?,
         badge_zoom_level: @current_site.badge_zoom_level) %>
     <% end %>

test/integration/admin/user_integration_test.rb

@@ -55,7 +55,7 @@ class AdminUserIntegrationTest < ActionDispatch::IntegrationTest
     assert_select 'h3', text: 'Your neighbourhoods'
     assert_select 'a[href=?]',
                   edit_admin_neighbourhood_path(@neighbourhood),
-                  text: @neighbourhood.name
+                  text: @neighbourhood.contextual_name
   end
 
   test "Profile form has correct fields for neighbourhood admin" do

test/integration/partners_integration_test.rb

@@ -69,4 +69,26 @@ class PartnersIntegrationTest < ActionDispatch::IntegrationTest
     assert_select '.preview__header', text: @region_site_partners.first.name
     assert_select '.preview__details', text: @region_site_partners.first.summary
   end
+
+  test 'partner shows service area if available' do
+    partner = @default_site_partners.first
+    partner.service_areas.create! neighbourhood: @neighbourhood3
+
+    get partners_url 
+    assert_response :success
+
+    assert_select '.service-area span', text: @neighbourhood3.shortname
+  end
+
+  test 'partner shows "various areas" if more than one service area present' do
+    partner = @default_site_partners.first
+    partner.service_areas.create! neighbourhood: @neighbourhood3
+    partner.service_areas.create! neighbourhood: @neighbourhood2
+
+    get partners_url 
+    assert_response :success
+
+    assert_select '.service-area span', text: 'various areas'
+  end
+
 end