refactor: remove duplication

Author: anyulled

src/2023/TalkDetail/MeetingDetail.Type.ts

@@ -20,7 +20,6 @@ import conferenceData from "../../data/2024.json";
 import {Tag} from "../../components/Tag/Tag";
 import styled from "styled-components";
 import {AddToCalendarButton} from "add-to-calendar-button-react";
-import {IMeeting} from "../../views/MeetingDetail/MeetingDetail.Type";
 import {
     StyledContainer,
     StyledDetailsContainer,
@@ -41,6 +40,7 @@ import {
 } from "../../views/MeetingDetail/Style.MeetingDetail";
 import {StyledTitle} from "../Home/Style.Home";
 import {ISpeaker} from "../../types/speakers";
+import {IMeeting} from "../../types/sessions";
 
 const getVideoHeight = (windowWidth: number) => {
     let videoHeight;

src/2024/TalkDetail/MeetingDetail.tsx

@@ -1,3 +1,5 @@
+import {ISpeaker} from "./speakers";
+
 export interface SessionSpeaker {
     readonly id: string;
     readonly name: string;
@@ -47,4 +49,41 @@ export interface QuestionAnswers {
     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;
+}
+
+export interface IMeetingDetailProps {
+    meeting: IMeeting;
+    speakers?: ISpeaker[];
+}
+
+export type MyType = {
+    urlName?: string;
+    videoUrl?: string;
+    level?: string;
+    videoTags?: string[];
+    speakers?: ISpeaker[];
+    description: string;
+    language?: string;
+    title: string;
+    type?: string;
+    track?: string;
+};

src/types/sessions.ts

@@ -5,7 +5,6 @@ import {
 } from "../../constants/BreakPoints";
 import {Color} from "../../styles/colors";
 import React, {FC, Suspense, useEffect} from "react";
-import {IMeeting} from "./MeetingDetail.Type";
 import LessThanIconWhite from "../../assets/images/LessThanIconWhite.svg";
 import LessThanIcon from "../../assets/images/LessThanBlueIcon.svg";
 import MoreThanIcon from "../../assets/images/MoreThanBlueIcon.svg";
@@ -37,7 +36,7 @@ import conferenceData from "../../data/2024.json";
 import {Tag} from "../../components/Tag/Tag";
 import styled from "styled-components";
 import {AddToCalendarButton} from "add-to-calendar-button-react";
-import {ISpeaker} from "../../types/speakers";
+import {IMeetingDetailProps, MyType} from "../../types/sessions";
 
 const getVideoHeight = (windowWidth: number) => {
   let videoHeight;
@@ -105,24 +104,6 @@ export const StyledVoteTalkLink = styled.a`
   font-size: 0.8rem;
 `;
 
-interface IMeetingDetailProps {
-  meeting: IMeeting;
-  speakers?: ISpeaker[];
-}
-
-type MyType = {
-  urlName?: string;
-  videoUrl?: string;
-  level?: string;
-  videoTags?: string[];
-  speakers?: ISpeaker[];
-  description: string;
-  language?: string;
-  title: string;
-  type?: string;
-  track?: string;
-};
-
 const MeetingDetail: FC<React.PropsWithChildren<IMeetingDetailProps>> = ({
   meeting,
   speakers: mySpeakers,