Fix LeaderSpotlight display on Workshop show show_associations

Author: maebeale

app/views/workshops/_show_associations.html.erb

@@ -52,42 +52,43 @@
     </div>
   <% end %>
 
-  <% if @leader_spotlights.any? %>
-  <div id="workshop-spotlights" class="flex-1 bg-white p-4 rounded-lg shadow-md mb-3">
-    <section id="workshopLeaderSpotlights">
-      <div class="flex items-start justify-between mb-1">
-        <div class="pr-6">
-          <h2 class="text-lg font-semibold mb-2">Related Facilitator Spotlight(s)</h2>
+  <% if true || @leader_spotlights.any? %>
+    <div id="workshop-spotlights" class="flex-1 bg-white p-4 rounded-lg shadow-md mb-3">
+      <section id="workshopLeaderSpotlights">
+        <div class="flex items-start justify-between mb-1">
+          <div class="pr-6">
+            <h2 class="text-lg font-semibold mb-2">Related facilitator spotlight(s)</h2>
+          </div>
+          <% if current_user.super_user? && @workshop.persisted? %>
+            <%= link_to "New story",
+                        new_story_path(workshop_id: @workshop.id,
+                                       windows_type_id: @workshop.windows_type_id,
+                                       owner_id: @workshop_id,
+                                       owner_type: "Workshop"),
+                        class: "admin-only bg-blue-100 btn btn-secondary-outline" %>
+          <% end %>
         </div>
-        <% if current_user.super_user? && @workshop.persisted? %>
-          <%= link_to "New story",
-                      new_story_path(workshop_id: @workshop.id,
-                                     owner_id: @workshop_id, owner_type: "Workshop"),
-                      class: "admin-only bg-blue-100 btn btn-secondary-outline" %>
-        <% end %>
-      </div>
 
-      <hr class="border-gray-300 mb-4">
-      <div class="flex flex-wrap gap-4">
-        <% @leader_spotlights.each do |spotlight| %>
-          <div class="flex flex-col items-center space-y-2 max-w-[120px] mb-3">
-            <%= link_to resource_path(spotlight), class: "flex flex-col items-center text-center" do %>
-              <img
-                src="<%= spotlight.decorate.main_image_url %>"
-                alt="<%= spotlight.title.truncate(25) %>"
-                class="block w-10 h-10 rounded-md object-cover"
-                onerror="this.onerror=null;this.src='<%= asset_path('missing.png') %>';
-                         this.classList.add('p-2','object-contain');"
-                />
-              <p class="text-sm text-gray-700 mt-1 leading-tight">
-                <span class="block"><%= spotlight.author %></span>
-                <span class="block text-xs text-gray-500"><%= spotlight.title %></span>
-              </p>
-            <% end %>
-          </div>
-      <% end %>
-      </div>
-    </section>
-  </div>
-<% end %>
+        <hr class="border-gray-300 mb-4">
+        <div class="flex flex-wrap gap-4">
+          <% @leader_spotlights.each do |spotlight| %>
+            <div class="flex flex-col items-center space-y-2 max-w-[120px] mb-3">
+              <%= link_to resource_path(spotlight), class: "flex flex-col items-center text-center" do %>
+                <%= render "media/display_image",
+                           resource: spotlight,
+                           width: 10, height: 10,
+                           variant: :index,
+                           link_to_object: true,
+                           file: spotlight.decorate.display_image %>
+                <p class="text-sm text-gray-700 mt-1 leading-tight">
+                  <span class="block"><%= spotlight.author %></span>
+                  <span class="block text-xs text-gray-500"><%= spotlight.title %></span>
+                </p>
+              <% end %>
+            </div>
+          <% end %>
+        </div>
+      </section>
+    </div>
+  <% end %>
 </div>