activity feed

src/views/home.ejs

@@ -47,6 +47,21 @@
       </a>
     <% }) %>
   <% } %>
+
+  <% if (typeof recentActivity !== 'undefined' && recentActivity && recentActivity.length > 0) { %>
+    <h2 style="margin-top: 2rem; margin-bottom: 1rem;">Recent Activity</h2>
+    <div class="card">
+      <% recentActivity.forEach(a => { %>
+        <div style="display: flex; align-items: center; gap: 0.75rem; padding: 0.6rem 0; border-bottom: 1px solid #eee;">
+          <span class="points-badge" style="font-size: 0.85rem; padding: 0.25rem 0.6rem;">+<%= a.points_awarded %></span>
+          <div style="flex: 1; min-width: 0;">
+            <div style="font-weight: 600;"><a href="/player/<%= a.username %>" style="text-decoration: none; color: inherit;"><%= a.username %></a> found <a href="/hunt/<%= a.hunt_short_name %>/<%= a.card_number %>" style="color: var(--primary);">#<%= a.card_number %></a> in <a href="/hunt/<%= a.hunt_short_name %>" style="color: var(--primary);"><%= a.hunt_name %></a></div>
+            <div style="font-size: 0.8rem; color: var(--muted);"><%= new Date(a.scanned_at).toLocaleString() %></div>
+          </div>
+        </div>
+      <% }) %>
+    </div>
+  <% } %>
 </div>
 
 <%- include('partials/footer') %>