Merge branch 'ep2025' into ep2025-room-change

Author: nikoshell

src/components/sessions/filter.astro

@@ -12,10 +12,10 @@ import { Select } from "../form/select";
 
 <form class="mb-12 filter-sessions">
   <div class="w-full mb-6">
-    <Label htmlFor="search">Search</Label>
+    <Label htmlFor="sessionSearch">Search</Label>
     <input
       type="text"
-      id="search"
+      id="sessionSearch"
       name="search"
       class="block w-full bg-transparent text-lg h-16 py-2 pr-16 pl-4 border-[3px] border-primary appearance-none focus:outline-none focus:border-black focus-visible:bg-white"
       placeholder="Search sessions..."
@@ -101,7 +101,7 @@ import { Select } from "../form/select";
         const trackSelect = form.querySelector<HTMLSelectElement>("#track");
         const typeSelect = form.querySelector<HTMLSelectElement>("#type");
         const levelSelect = form.querySelector<HTMLSelectElement>("#level");
-        const searchInput = form.querySelector<HTMLInputElement>("#search");
+        const searchInput = form.querySelector<HTMLInputElement>("#sessionSearch");
 
         if (trackSelect) trackSelect.value = track;
         if (typeSelect) typeSelect.value = type;
@@ -130,7 +130,7 @@ import { Select } from "../form/select";
         const trackSelect = form.querySelector<HTMLSelectElement>("#track");
         const typeSelect = form.querySelector<HTMLSelectElement>("#type");
         const levelSelect = form.querySelector<HTMLSelectElement>("#level");
-        const searchInput = form.querySelector<HTMLInputElement>("#search");
+        const searchInput = form.querySelector<HTMLInputElement>("#sessionSearch");
 
         const track = trackSelect?.value || "";
         const type = typeSelect?.value || "";
@@ -190,7 +190,7 @@ import { Select } from "../form/select";
         select.addEventListener("change", filterSessions);
       });
 
-      const searchInput = form.querySelector<HTMLInputElement>("#search");
+      const searchInput = form.querySelector<HTMLInputElement>("#sessionSearch");
       if (searchInput) {
         searchInput.addEventListener("input", filterSessions);
       }

src/pages/session/[slug].astro

@@ -25,7 +25,7 @@ const speakers = await getEntries(entry.data.speakers);
 
 // Resolve session codes to session data
 const resolveSessions = (codes: string[]) =>
-  codes.map((code) => sessions.find((s) => s?.data?.code === code));
+  codes.map(code => sessions.find(s => s.data.code === code)!);
 
 // Filter out sessions with room "Exhibit Hall"
 const filteredSessions = sessions.filter(
@@ -74,7 +74,7 @@ const nextSessionsOrdered = sameRoomNextSession
       <dd class="capitalize">{entry.data.session_type}</dd>
       <dt class="font-bold">Level:</dt>
       <dd class="capitalize">{entry.data.level}</dd>
-      <!-- {
+      {
         entry.data.room && (
           <>
             <dt class="font-bold">Room:</dt>
@@ -95,7 +95,7 @@ const nextSessionsOrdered = sameRoomNextSession
             </dd>
           </>
         )
-      } -->
+      }
       <dt class="font-bold">Duration:</dt>
       <dd>{entry.data.duration} minutes</dd>
     </dl>
@@ -148,8 +148,8 @@ const nextSessionsOrdered = sameRoomNextSession
               The speaker{speakers.length > 1 ? "s" : ""}
             </h2>
             {speakers.map((speaker) => (
-              <div class="md:grid grid-cols-[260px_1fr] md:gap-6">
-                {speaker.data.avatar ? (
+              <div class={speaker.data.avatar ? "md:grid grid-cols-[260px_1fr] md:gap-6" : ""}>
+                {speaker.data.avatar && (
                   <div class="flex items-start">
                     <div class="border-4 border-white rounded-lg shadow-lg inline-block mb-10">
                       <Picture
@@ -161,10 +161,6 @@ const nextSessionsOrdered = sameRoomNextSession
                       />
                     </div>
                   </div>
-                ) : (
-                  <div class="flex items-start mb-4 invisible">
-                    <img src="" alt="" class="w-full max-w-sm mb-12" />
-                  </div>
                 )}
                 <div>
                   <p class="mb-4">
@@ -185,7 +181,7 @@ const nextSessionsOrdered = sameRoomNextSession
         )
       }
 
-      <!-- {
+      {
         (parallelSessions?.length ?? 0) > 0 ||
         (nextSessionsInAllRooms?.length ?? 0) > 0 ? (
           <>
@@ -232,7 +228,7 @@ const nextSessionsOrdered = sameRoomNextSession
             </div>
           </>
         ) : null
-      } -->
+      }
     </footer>
   </article>
 </Layout>