refactor(meeting): update imports to absolute paths and add openFeedbackId prop

Author: anyulled

src/components/Talk/TalkCard.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import CommonTalkCard, { TalkCardProps } from "../common/TalkCard";
+import { TalkCard as CommonTalkCard, TalkCardProps } from "../common/TalkCard";
 
 export type { TalkCardProps };
 

src/components/common/TalkCard.tsx

@@ -112,7 +112,7 @@ export const TalkCard: FC<React.PropsWithChildren<TalkCardProps>> = ({
             return <Tag key={tag} text={tag} textColor={Color.WHITE} />;
           })}
         </StyledTagsWrapper>
-        <section style={{ display: "none" }}>
+        <section style={{ display: "block" }}>
           <StyledVoteTalkLink
             href={`https://openfeedback.io/${openFeedbackId}/0/${talk.id}`}
             target={"_blank"}

src/types/sessions.ts

@@ -1,89 +1,90 @@
-import {ISpeaker} from "./speakers";
+import { ISpeaker } from "./speakers";
 
 export interface SessionSpeaker {
-    readonly id: string;
-    readonly name: string;
+  readonly id: string;
+  readonly name: string;
 }
 
 export enum CategoryItemEnum {
-    Language = "Language",
-    Track = "Track",
-    Format = "Session format",
-    Level = "Level",
+  Language = "Language",
+  Track = "Track",
+  Format = "Session format",
+  Level = "Level",
 }
 
 interface CategoryItem {
-    readonly id: number;
-    readonly name: string;
+  readonly id: number;
+  readonly name: string;
 }
 
 export interface SessionCategory {
-    readonly id: number;
-    readonly name: CategoryItemEnum;
-    readonly categoryItems: CategoryItem[];
+  readonly id: number;
+  readonly name: CategoryItemEnum;
+  readonly categoryItems: CategoryItem[];
 }
 
 export interface Session {
-    readonly id: number;
-    readonly title: string;
-    readonly description: string;
-    readonly startsAt: string;
-    readonly endsAt: string;
-    readonly slidesURL?: string;
-    readonly speakers: SessionSpeaker[];
-    readonly categories: SessionCategory[];
-    readonly questionAnswers: QuestionAnswers[];
-    readonly recordingUrl?: string;
-    readonly track: string;
+  readonly id: number;
+  readonly title: string;
+  readonly description: string;
+  readonly startsAt: string;
+  readonly endsAt: string;
+  readonly slidesURL?: string;
+  readonly speakers: SessionSpeaker[];
+  readonly categories: SessionCategory[];
+  readonly questionAnswers: QuestionAnswers[];
+  readonly recordingUrl?: string;
+  readonly track: string;
 }
 
 export interface IGroup {
-    readonly groupId: number;
-    readonly groupName: string;
-    readonly sessions: Session[];
-    readonly isDefault: boolean;
+  readonly groupId: number;
+  readonly groupName: string;
+  readonly sessions: Session[];
+  readonly isDefault: boolean;
 }
 
 export interface QuestionAnswers {
-    readonly id: number;
-    readonly question: string;
-    readonly questionType: string;
-    readonly answer: string;
+  readonly id: number;
+  readonly question: string;
+  readonly questionType: string;
+  readonly answer: string;
 }
 
 export interface IMeeting {
-    id: number;
-    urlName?: string;
-    title: string;
-    description: string;
-    videoUrl?: string;
-    slidesURL?: string;
-    videoTags?: string[];
-    speakers: SessionSpeaker[];
-    level?: string;
-    type?: string;
-    language?: string;
-    track?: string;
-    startDate: string;
-    endDate: string;
-    startTime: string;
-    endTime: string;
+  id: number;
+  urlName?: string;
+  title: string;
+  description: string;
+  videoUrl?: string;
+  slidesURL?: string;
+  videoTags?: string[];
+  speakers: SessionSpeaker[];
+  level?: string;
+  type?: string;
+  language?: string;
+  track?: string;
+  startDate: string;
+  endDate: string;
+  startTime: string;
+  endTime: string;
 }
 
 export interface IMeetingDetailProps {
-    meeting: IMeeting;
-    speakers?: ISpeaker[];
+  meeting: IMeeting;
+  speakers?: ISpeaker[];
+  openFeedbackId: string;
 }
 
 export type MyType = {
-    urlName?: string;
-    videoUrl?: string;
-    level?: string;
-    videoTags?: string[];
-    speakers?: ISpeaker[];
-    description: string;
-    language?: string;
-    title: string;
-    type?: string;
-    track?: string;
-};
+  urlName?: string;
+  videoUrl?: string;
+  level?: string;
+  videoTags?: string[];
+  speakers?: ISpeaker[];
+  description: string;
+  language?: string;
+  title: string;
+  type?: string;
+  track?: string;
+};

src/views/MeetingDetail/MeetingDetail.tsx

@@ -105,6 +105,7 @@ export const StyledVoteTalkLink = styled.a`
 const MeetingDetail: FC<React.PropsWithChildren<IMeetingDetailProps>> = ({
   meeting,
   speakers: mySpeakers,
+  openFeedbackId,
 }) => {
   const { width } = useWindowSize();
 
@@ -199,9 +200,9 @@ const MeetingDetail: FC<React.PropsWithChildren<IMeetingDetailProps>> = ({
           <StyledVideoTagsContainer>
             {meeting.videoTags?.map((tag) => <Tag text={tag} key={tag} />)}
           </StyledVideoTagsContainer>
-          <section style={{ display: "none" }}>
+          <section style={{ display: "block" }}>
             <StyledVoteTalkLink
-              href={`https://openfeedback.io/devbcn24/0/${meeting.id}`}
+              href={`https://openfeedback.io/${openFeedbackId}/0/${meeting.id}`}
               target={"_blank"}
               rel="noreferrer noopener"
             >

src/views/MeetingDetail/TalkDetailContainer.tsx

@@ -1,17 +1,17 @@
-import { Color } from "../../styles/colors";
+import { Color } from "@styles/colors";
 import React, { FC, useEffect } from "react";
-import NotFoundError from "../../components/NotFoundError/NotFoundError";
-import SectionWrapper from "../../components/SectionWrapper/SectionWrapper";
+import NotFoundError from "@components/NotFoundError/NotFoundError";
+import SectionWrapper from "@components/SectionWrapper/SectionWrapper";
 import { styled } from "styled-components";
 import { useParams } from "react-router";
-import conferenceData from "../../data/2025.json";
-import { useFetchTalksById } from "../../hooks/useFetchTalks";
-import { useFetchSpeakers } from "../../hooks/useFetchSpeakers";
+import conferenceData from "@data/2025.json";
+import { useFetchTalksById } from "@hooks/useFetchTalks";
+import { useFetchSpeakers } from "@hooks/useFetchSpeakers";
 import MeetingDetail from "./MeetingDetail";
-import { ISpeaker } from "../../types/speakers";
-import { sessionAdapter } from "../../services/sessionsAdapter";
-import { Session } from "../../types/sessions";
-import { useSentryErrorReport } from "../../hooks/useSentryErrorReport";
+import { ISpeaker } from "@types/speakers";
+import { sessionAdapter } from "@services/sessionsAdapter";
+import { Session } from "@types/sessions";
+import { useSentryErrorReport } from "@hooks/useSentryErrorReport";
 
 const StyledContainer = styled.div`
   background-color: ${Color.WHITE};
@@ -50,6 +50,7 @@ const TalkDetailContainer: FC<React.PropsWithChildren<unknown>> = () => {
             <MeetingDetail
               speakers={sessionSpeakers}
               meeting={adaptedMeeting}
+              openFeedbackId={conferenceData.openFeedbackId}
             />
           )}
         {!isLoading &&