Adds session list to campaign page

src/routes/_authenticated/campaigns.$campaignId.tsx

@@ -5,13 +5,22 @@ import type { Campaign } from "@/lib/types";
 export const Route = createFileRoute("/_authenticated/campaigns/$campaignId")({
   loader: async ({ params }) => {
     const record = await pb.collection("campaigns").getOne(params.campaignId);
-    return { campaign: { id: record.id, name: record.name } as Campaign };
+    // Fetch all documents for this campaign
+    const docs = await pb.collection("documents").getFullList({
+      filter: `campaign = "${params.campaignId}"`,
+    });
+    // Filter to only those with data.session
+    const sessions = docs.filter((doc: any) => doc.data && doc.data.session);
+    return {
+      campaign: { id: record.id, name: record.name } as Campaign,
+      sessions,
+    };
   },
   component: RouteComponent,
 });
 
 function RouteComponent() {
-  const { campaign } = Route.useLoaderData();
+  const { campaign, sessions } = Route.useLoaderData();
   return (
     <div className="max-w-xl mx-auto py-8">
       <div className="mb-2">
@@ -23,6 +32,26 @@ function RouteComponent() {
         </Link>
       </div>
       <h2 className="text-2xl font-bold mb-4 text-slate-100">{campaign.name}</h2>
+      <h3 className="text-lg font-semibold mb-2 text-slate-200">Sessions</h3>
+      {sessions && sessions.length > 0 ? (
+        <div>
+          <ul className="space-y-2">
+            {sessions.map((s: any) => (
+              <li key={s.id}>
+                <Link
+                  to="/document/$documentId"
+                  params={{ documentId: s.id }}
+                  className="block px-4 py-2 rounded bg-slate-800 hover:bg-violet-700 text-slate-100 transition-colors"
+                >
+                  {s.data.session.strongStart || <span className="italic text-slate-400">(No strong start)</span>}
+                </Link>
+              </li>
+            ))}
+          </ul>
+        </div>
+      ) : (
+        <div className="text-slate-400">No sessions found for this campaign.</div>
+      )}
       {/* More campaign details can go here */}
     </div>
   );