feat(live-view): integrate useDocumentTitleUpdater and enhance TalkCard props with openFeedbackId

Author: anyulled

src/views/Talks/LiveView.tsx

@@ -13,6 +13,7 @@ import { Link } from "react-router-dom";
 import { ROUTE_SCHEDULE } from "@constants/routes";
 // @ts-expect-error some quirky import
 import { AnimatePresence } from "framer-motion";
+import { useDocumentTitleUpdater } from "@hooks/useDocumentTitleUpdate";
 
 export const LiveView: FC<React.PropsWithChildren<unknown>> = () => {
   const { isLoading, error, data } = useFetchLiveView();
@@ -40,10 +41,7 @@ export const LiveView: FC<React.PropsWithChildren<unknown>> = () => {
     return data?.filter(getPredicate());
   }, [data, getPredicate]);
 
-  useEffect(() => {
-    document.title = `Live view - ${conference.title} - ${conference.edition} Edition`;
-  }, []);
-
+  useDocumentTitleUpdater("Live View", conference.edition);
   useSentryErrorReport(error);
 
   return (
@@ -68,7 +66,11 @@ export const LiveView: FC<React.PropsWithChildren<unknown>> = () => {
             </p>
           )}
           {filteredTalks?.map((session) => (
-            <TalkCard key={session.id} {...talkCardAdapter(session)} />
+            <TalkCard
+              key={session.id}
+              {...talkCardAdapter(session)}
+              openFeedbackId={conference.openFeedbackId}
+            />
           ))}
         </AnimatePresence>
       </StyledAgenda>

src/views/Talks/TalkCardAdapter.ts

@@ -1,16 +1,20 @@
-import {UngroupedSession} from "./liveView.types";
-import {TalkCardProps} from "./components/TalkCard";
+import { UngroupedSession } from "./liveView.types";
+import { TalkCardProps } from "./components/TalkCard";
 
 import {
   QuestionAnswers,
   SessionCategory,
-  SessionSpeaker
-} from "../../types/sessions";
+  SessionSpeaker,
+} from "@/types/sessions";
 
-export const talkCardAdapter = (session: UngroupedSession, year: string = "2024"): TalkCardProps => {
+export const talkCardAdapter = (
+  session: UngroupedSession,
+  year: string = "2024",
+): TalkCardProps => {
   return {
+    openFeedbackId: "",
     talk: {
-      id: parseInt(session.id),
+      id: session.id,
       title: session.title,
       talkImage: 1,
       speakers: session.speakers.map((speaker) => ({
@@ -20,7 +24,7 @@ export const talkCardAdapter = (session: UngroupedSession, year: string = "2024"
       level: "Beginner",
       link: "",
       tags: [],
-      track: session.room,
+      track: session.room ?? "Main Stage",
       categories: session.categories.map((category) => ({
         id: category.id,
         name: category.name,
@@ -33,6 +37,6 @@ export const talkCardAdapter = (session: UngroupedSession, year: string = "2024"
       })) as QuestionAnswers[],
     },
     year,
-    showTrack: true, // Default value, adjust as necessary
+    showTrack: true,
   };
 };