From bc536f25666ade9eaa68d21c4396777a2aa62ef0 Mon Sep 17 00:00:00 2001
From: Dekan Brown <dekanbro@gmail.com>
Date: Wed, 10 Jun 2026 14:18:22 -0600
Subject: [PATCH] Show derived session posts as cards

---
 src/app/(frontend)/events/[id]/page.tsx | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/app/(frontend)/events/[id]/page.tsx b/src/app/(frontend)/events/[id]/page.tsx
index 0188884..fe8109c 100644
--- a/src/app/(frontend)/events/[id]/page.tsx
+++ b/src/app/(frontend)/events/[id]/page.tsx
@@ -6,6 +6,7 @@ import configPromise from '@payload-config'
 import { getPayload } from 'payload'
 
 import { canContributeContent, canEditContent, hasRole } from '@/access/roles'
+import { Card } from '@/components/Card'
 import { Comments } from '@/components/Comments'
 import { ContributionRequestCard } from '../../_components/ContributionRequestCard'
 import type {
@@ -268,19 +269,19 @@ export default async function SessionDetailPage({ params: paramsPromise }: Args)
       {canViewFullDetails && (isPast || posts.length) ? (
         <Section title="Derived Posts">
           {posts.length ? (
-            <div className="grid gap-4 md:grid-cols-2">
+            <div className="grid gap-8">
               {groupPosts(posts).map(([contentType, group]) => (
-                <div className="border border-border bg-card/20 p-5" key={contentType}>
+                <div key={contentType}>
                   <p className="portal-kicker">{contentTypeLabels[contentType] || contentType}</p>
-                  <div className="mt-4 grid gap-3">
+                  <div className="mt-4 grid gap-4 md:grid-cols-2 xl:grid-cols-3">
                     {group.map((post) => (
-                      <Link
-                        className="portal-link text-base"
-                        href={`/posts/${post.slug}`}
+                      <Card
+                        className="h-full"
+                        doc={post}
                         key={post.id}
-                      >
-                        {post.title}
-                      </Link>
+                        relationTo="posts"
+                        showCategories={false}
+                      />
                     ))}
                   </div>
                 </div>