Better readout on event by day navigation links

app/helpers/events_helper.rb

@@ -1,6 +1,6 @@
 module EventsHelper
-  DATE_TIME_FORMAT = '%H:%M'
-  DATE_DAY_FORMAT = '%A %e %B, %Y'
+  DATE_TIME_FORMAT = '%H:%M'.freeze
+  DATE_DAY_FORMAT = '%A %-d %B, %Y'.freeze
 
   def link_to_day(date)
     link_to date.strftime(DATE_DAY_FORMAT), events_path(day: date.strftime('%Y-%m-%d'))
@@ -34,20 +34,29 @@ def render_day_navigator(first_day, show_day)
     first_day_s = first_day.strftime('%Y-%m-%d')
     day = first_day.dup
     html = []
-    # html << "<span>#{day.strftime('%Y-%m-%d')}</span>"
+    month = day.month
 
-    7.times do 
-      date_s = day.strftime('%Y-%m-%d')
+    7.times do
+      format = '%A %-d' # day number
+      if month != day.month
+        format += ' %B' # month name
+        month = day.month
+      end
+
+      date_s = day.strftime(format)
 
       if day == show_day
         html << "<span>#{date_s}</span>"
       else
-        html << link_to(date_s, events_path(first: first_day_s, day: date_s))
-        # html << link_to(date_s, events_path(first: first_day_s, day: date_s), data: { 'turbo-frame': 'events-on-day-list' })
+        day_param_s = day.strftime('%Y-%m-%d')
+        html << link_to(date_s, events_path(first: first_day_s, day: day_param_s))
       end
       day += 1.day
     end
 
+    day_param_s = day.strftime('%Y-%m-%d')
+    html << link_to('Later >>', events_path(first: day_param_s, day: day_param_s))
+
     html.join(' | ').html_safe
   end
 end

app/views/events/events_by_day.html.haml

@@ -1,4 +1,4 @@
-%h1 Events on #{@epoch.strftime('%Y-%m-%d')}
+%h1 Events on #{@epoch.strftime(EventsHelper::DATE_DAY_FORMAT)}
 
 = render_day_navigator @first_day, @epoch
 
@@ -8,6 +8,6 @@
   %div
     = # %turbo-frame#events-on-day-list
     - @events.each do |event|
-      %p= link_to(event.name, event_path(event.id))
+      %p #{event.start_date.strftime(EventsHelper::DATE_TIME_FORMAT)} #{link_to(event.name, event_path(event.id))}
 
 

spec/integration/event_integration_spec.rb

@@ -23,7 +23,7 @@
         travel_to FakeEvents::NOW do
           visit "/events"
           click_link 'Wednesday 3 June, 2020'
-          expect(page).to have_selector('h1', text: 'Events on 2020-06-03')
+          expect(page).to have_selector('h1', text: 'Events on Wednesday 3 June, 2020')
           expect(page).to have_selector('.events-listing p', count: 7)
         end
       end