fix: display 2024 schedule on 2024 route

Author: anyulled

src/2023/Schedule/Schedule2023.tsx

@@ -11,7 +11,7 @@ import {
   StyledLessIcon,
   StyledMoreIcon,
   StyledScheduleSection,
-} from "./Schedule.style";
+} from "../../styles/Schedule/Schedule.style";
 import * as Sentry from "@sentry/react";
 
 const Schedule2023: FC<React.PropsWithChildren<unknown>> = () => {

src/2023/Schedule/ScheduleData.ts

@@ -6,7 +6,7 @@ import {
     StyledWelcomerText,
     StyledWelcomerTextContainer,
     StyledWelcomerTextLink
-} from "../Schedule.style";
+} from "../../../styles/Schedule/Schedule.style";
 
 type AvatarCardProps = {
   meet: {

src/2023/Schedule/components/AvatarCard.tsx

@@ -0,0 +1,80 @@
+import { MOBILE_BREAKPOINT } from "../../constants/BreakPoints";
+import { Color } from "../../styles/colors";
+import React, { FC } from "react";
+import LessThanBlueWhiteIcon from "../../assets/images/MoreThanBlueWhiteIcon.svg";
+import MoreThanBlueWhiteIcon from "../../assets/images/LessThanBlueWhiteIcon.svg";
+import SectionWrapper from "../../components/SectionWrapper/SectionWrapper";
+import TitleSection from "../../components/SectionTitle/TitleSection";
+import { useWindowSize } from "react-use";
+import data from "../../data/2024.json";
+
+import * as Sentry from "@sentry/react";
+import { Link } from "react-router";
+import {
+    StyledMoreIcon,
+    StyledScheduleSection
+} from "../../styles/Schedule/Schedule.style";
+import {StyledLessIcon} from "../../views/Travel/Venue";
+
+const Schedule2024: FC<React.PropsWithChildren<unknown>> = () => {
+  const { width } = useWindowSize();
+
+  React.useEffect(() => {
+    document.title = `Schedule — ${data.title} — ${data.edition}`;
+
+    fetch("https://sessionize.com/api/v2/w8mdb9k5/view/GridSmart")
+      .then((value) => value.text())
+      .then((value) => {
+        const sched = document.getElementById("#schedule");
+        if (sched !== null) {
+          sched.innerHTML = value;
+        }
+      })
+      .catch((err) => Sentry.captureException(err));
+  }, []);
+
+  return (
+    <SectionWrapper color={Color.WHITE} marginTop={6}>
+      <StyledScheduleSection>
+        <TitleSection
+          title="SCHEDULE"
+          subtitle="Speakers coming from all corners of the world join us to
+            share their experience in various technologies and to
+            invite everyone to participate in Open Source
+            Technologies and in the JCP."
+          color={Color.BLUE}
+        />
+        {width > MOBILE_BREAKPOINT && (
+          <>
+            <StyledLessIcon src={LessThanBlueWhiteIcon} />
+            <StyledMoreIcon src={MoreThanBlueWhiteIcon} />
+          </>
+        )}
+        {data.schedule.enabled ? (
+          <>
+            <Link
+              to="/live-view"
+              style={{
+                textDecoration: "none",
+                fontWeight: "bold",
+                margin: "0.5rem",
+              }}
+            >
+              📅 See Live schedule
+            </Link>
+            <div style={{ width: "100%", margin: "0 auto" }} id="#schedule">
+              &nbsp;
+            </div>
+          </>
+        ) : (
+          <p style={{ color: Color.DARK_BLUE }}>
+            Schedule is not available yet. Keep in touch on social media as we
+            announce the speakers and their talks/workshops
+          </p>
+        )}
+      </StyledScheduleSection>
+    </SectionWrapper>
+  );
+};
+
+export default Schedule2024;

src/2024/Schedule/Schedule2024.tsx

@@ -97,6 +97,7 @@ import TalkDetailContainer2024 from "./views/MeetingDetail/TalkDetailContainer20
 import SpeakerDetailContainer2024 from "./2024/SpeakerDetail/SpeakerDetailContainer2024";
 import CfpSection2024 from "./2024/Cfp/CfpSection2024";
 import Workshops from "./views/Workshops/Workshops";
+import Schedule2024 from "./2024/Schedule/Schedule2024";
 
 const StyledAppWrapper = styled.div`
   position: relative;
@@ -342,7 +343,7 @@ const App: FC<React.PropsWithChildren<unknown>> = () => {
             path={ROUTE_2024_SCHEDULE}
             element={
               <React.Suspense fallback={<Loading />}>
-                <Schedule2023 />
+                <Schedule2024 />
               </React.Suspense>
             }
           />

…views/Schedule/components/AvatarCard.tsx …/2024/Schedule/components/AvatarCard.tsxsrc/views/Schedule/components/AvatarCard.tsx renamed to src/2024/Schedule/components/AvatarCard.tsx src/views/Schedule/components/AvatarCard.tsx renamed to src/2024/Schedule/components/AvatarCard.tsx

@@ -7,13 +7,13 @@ import SectionWrapper from "../../components/SectionWrapper/SectionWrapper";
 import TitleSection from "../../components/SectionTitle/TitleSection";
 import { useWindowSize } from "react-use";
 import data from "../../data/2024.json";
-import {
-  StyledLessIcon,
-  StyledMoreIcon,
-  StyledScheduleSection,
-} from "./Schedule.style";
+
 import * as Sentry from "@sentry/react";
 import { Link } from "react-router";
+import {
+    StyledLessIcon, StyledMoreIcon,
+    StyledScheduleSection
+} from "../../styles/Schedule/Schedule.style";
 
 const Schedule: FC<React.PropsWithChildren<unknown>> = () => {
   const { width } = useWindowSize();