refactor: remove duplicated code. Home wrapper

Author: anyulled

package-lock.json

@@ -25,6 +25,7 @@
     "react-cookie-consent": "^9.0.0",
     "react-countdown": "^2.3.6",
     "react-dom": "^18.3.1",
+    "react-error-boundary": "^5.0.0",
     "react-query": "^3.39.2",
     "react-router-dom": "^7.3.0",
     "react-scripts": "5.0.1",

package.json

@@ -2,12 +2,13 @@ import { BIG_BREAKPOINT } from "../../constants/BreakPoints";
 import React, { FC } from "react";
 import Faqs from "./components/Faqs/Faqs";
 import Home from "./components/Home/Home";
-import SpeakersCarousel from "./components/SpeakersCarousel/SpeakersCarousel";
 import Sponsors from "./components/Sponsors/Sponsors";
 import styled from "styled-components";
 import data from "../../data/2023.json";
 import { useLocation } from "react-router";
 import { useDocumentTitleUpdater } from "../../services/useDocumentTitleUpdate";
+import SpeakersCarousel from "../../components/Swiper/SpeakersCarousel";
+import {ROUTE_2023_SPEAKERS} from "../../constants/routes";
 
 const StyledContainer = styled.div`
   padding-bottom: 10rem;
@@ -32,7 +33,7 @@ export const Home2023Wrapper: FC<React.PropsWithChildren<unknown>> = () => {
     <StyledContainer id="home-wrapper">
       <Home />
       <Faqs />
-      <SpeakersCarousel />
+      <SpeakersCarousel speakersLink={ROUTE_2023_SPEAKERS} sessionizeUrl={data.sessionizeUrl} />
       <Sponsors />
     </StyledContainer>
   );

src/2023/Home/Home2023Wrapper.tsx

@@ -12,12 +12,12 @@ import LessThanDarkBlueIcon from "../../assets/images/LessThanDarkBlueIcon.svg";
 import TitleSection from "../../components/SectionTitle/TitleSection";
 import MoreThanBlueIcon from "../../assets/images/MoreThanBlueIcon.svg";
 import { useFetchTalks } from "../Talks/UseFetchTalks";
-import { TalkCard } from "../Talks/components/TalkCard";
 import conferenceData from "../../data/2023.json";
 import styled from "styled-components";
 import { BIG_BREAKPOINT } from "../../constants/BreakPoints";
 import { useSentryErrorReport } from "../../services/useSentryErrorReport";
 import { useDocumentTitleUpdater } from "../../services/useDocumentTitleUpdate";
+import {TalkCard} from "../../components/Talk/TalkCard";
 
 const StyledSection = styled.section`
 {

src/2023/Home/components/SpeakersCarousel/SpeakerSwiper.tsx

@@ -1,18 +1,16 @@
-import React, { FC, useState } from "react";
+import React, { FC } from "react";
 import styled from "styled-components";
 
 import { useLocation } from "react-router";
 import { BIG_BREAKPOINT } from "../constants/BreakPoints";
-
-import { useEventEdition } from "../views/Home/UseEventEdition";
+import conferenceData from "../data/2024.json";
 import Faqs from "../views/Home/components/Faqs/Faqs";
 
 import Home from "./Home/Home";
-import SpeakersCarousel from "./SpeakersCarousel/SpeakersCarousel";
 import Sponsors from "./Sponsors/Sponsors";
-
-import { Edition } from "../types/types";
 import { useDocumentTitleUpdater } from "../services/useDocumentTitleUpdate";
+import SpeakersCarousel from "../components/Swiper/SpeakersCarousel";
+import { ROUTE_2024_SPEAKERS } from "../constants/routes";
 
 const StyledContainer = styled.div`
   padding-bottom: 10rem;
@@ -24,23 +22,24 @@ const StyledContainer = styled.div`
 
 export const HomeWrapper2024: FC<React.PropsWithChildren<unknown>> = () => {
   const { hash } = useLocation();
-  const [edition, setEdition] = useState<Edition>();
 
-  useEventEdition(setEdition);
   React.useEffect(() => {
     if (hash != null && hash !== "") {
       const scroll = document.getElementById(hash.substring(1));
       scroll?.scrollIntoView();
     }
-  }, [hash, edition]);
+  }, [hash]);
 
-  useDocumentTitleUpdater("Home", edition?.edition ?? "2024");
+  useDocumentTitleUpdater("Home", conferenceData.edition);
 
   return (
     <StyledContainer id="home-wrapper">
       <Home />
       <Faqs />
-      <SpeakersCarousel />
+      <SpeakersCarousel
+        speakersLink={ROUTE_2024_SPEAKERS}
+        sessionizeUrl={conferenceData.sessionizeUrl}
+      />
       <Sponsors />
     </StyledContainer>
   );