From 339614680fa66c72ca313633383b1dd13b9ced15 Mon Sep 17 00:00:00 2001 From: Anyul Rivas Date: Tue, 1 Apr 2025 10:49:42 +0200 Subject: [PATCH 1/5] refactor: reduce code duplication --- src/App.tsx | 4 +- .../YearSpecific/Speakers/Speakers.style.ts | 91 +++++++++ .../YearSpecific/Speakers/Speakers.tsx | 177 ++++++++++++++++++ .../YearSpecific/Speakers/Speakers2023.tsx | 9 + .../YearSpecific/Speakers/Speakers2024.tsx | 9 + 5 files changed, 288 insertions(+), 2 deletions(-) create mode 100644 src/components/YearSpecific/Speakers/Speakers.style.ts create mode 100644 src/components/YearSpecific/Speakers/Speakers.tsx create mode 100644 src/components/YearSpecific/Speakers/Speakers2023.tsx create mode 100644 src/components/YearSpecific/Speakers/Speakers2024.tsx diff --git a/src/App.tsx b/src/App.tsx index 5bd60cb4..943164f7 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -69,7 +69,7 @@ import About from "./views/About/About"; import Travel from "./views/Travel/Travel"; import NotFoundError from "./components/NotFoundError/NotFoundError"; import { Home2023Wrapper } from "./2023/Home/Home2023Wrapper"; -import Speakers2023 from "./2023/Speakers/Speakers2023"; +import Speakers2023 from "./components/YearSpecific/Speakers/Speakers2023"; import SpeakerDetailContainer2023 from "./2023/SpeakerDetail/SpeakerDetailContainer2023"; import Talks2023 from "./2023/Talks/Talks2023"; import TalkDetailContainer2023 from "./2023/TalkDetail/TalkDetailContainer2023"; @@ -92,7 +92,7 @@ import Diversity from "./views/Diversity/Diversity"; import LiveView from "./views/Talks/LiveView"; import JobOffers from "./views/JobOffers/JobOffers"; import { HomeWrapper2024 } from "./2024/HomeWrapper2024"; -import Speakers2024 from "./2024/Speakers/Speakers2024"; +import Speakers2024 from "./components/YearSpecific/Speakers/Speakers2024"; import Talks2024 from "./2024/Talks/Talks2024"; import TalkDetailContainer from "./views/MeetingDetail/TalkDetailContainer"; import SpeakerDetailContainer2024 from "./2024/SpeakerDetail/SpeakerDetailContainer2024"; diff --git a/src/components/YearSpecific/Speakers/Speakers.style.ts b/src/components/YearSpecific/Speakers/Speakers.style.ts new file mode 100644 index 00000000..1d96e712 --- /dev/null +++ b/src/components/YearSpecific/Speakers/Speakers.style.ts @@ -0,0 +1,91 @@ +import styled from "styled-components"; +import {motion} from "framer-motion"; +import {BIG_BREAKPOINT, TABLET_BREAKPOINT} from "../../../constants/BreakPoints"; +import {Color} from "../../../styles/colors"; + +export const StyledSpeakersSection = styled.section` + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 0 2rem; + @media (min-width: ${TABLET_BREAKPOINT}px) { + padding: 0 5rem; + } + @media (min-width: ${BIG_BREAKPOINT}px) { + padding: 0 10rem; + } +`; +export const StyledLessIcon = styled.img` + position: absolute; + left: -1rem; + top: 2rem; + height: 5rem; + + @media (min-width: ${BIG_BREAKPOINT}px) { + height: 10rem; + } +`; +export const StyledMoreIcon = styled.img` + position: absolute; + right: -1rem; + top: 2rem; + height: 5rem; + + @media (min-width: ${BIG_BREAKPOINT}px) { + height: 10rem; + } +`; +export const StyledContainerLeftSlash = styled(motion.div)<{ + positionPercentage: string; +}>` + position: absolute; + top: ${({positionPercentage}) => { + return positionPercentage; + }}; + left: 0; + height: 2rem; + width: 50%; + opacity: 0.2; +`; +export const StyledContainerRightSlash = styled(motion.div)<{ + positionPercentage: string; +}>` + position: absolute; + top: ${({positionPercentage}) => { + return positionPercentage; + }}; + right: 0; + height: 2rem; + width: 50%; + opacity: 0.2; +`; +export const StyledSlash = styled(motion.p)<{ color: string }>` + font-family: "Square 721 Regular", sans-serif; + color: ${({color}) => { + return color; + }}; + font-size: 2rem; + overflow-y: hidden; + height: 100%; +`; +export const StyledWaveContainer = styled.div` + background: ${Color.WHITE}; + overflow-y: hidden; + height: 8rem; + width: 100%; + @media (min-width: ${TABLET_BREAKPOINT}px) { + height: 16rem; + } +`; +export const SpeakersCardsContainer = styled.div` + display: flex; + flex-direction: row; + flex-wrap: wrap; + padding: 3rem 0; + justify-content: center; + z-index: 1; + @media (min-width: ${TABLET_BREAKPOINT}px) { + padding: 5rem 0; + } +`; \ No newline at end of file diff --git a/src/components/YearSpecific/Speakers/Speakers.tsx b/src/components/YearSpecific/Speakers/Speakers.tsx new file mode 100644 index 00000000..6fe5ceb8 --- /dev/null +++ b/src/components/YearSpecific/Speakers/Speakers.tsx @@ -0,0 +1,177 @@ +import { MOBILE_BREAKPOINT } from "../../../constants/BreakPoints"; +import { Color } from "../../../styles/colors"; +import React, { FC, useCallback, useEffect } from "react"; +import LessThanBlueIcon from "../../../assets/images/LessThanBlueIcon.svg"; +import MoreThanBlueIcon from "../../../assets/images/MoreThanBlueIcon.svg"; +import SectionWrapper from "../../../components/SectionWrapper/SectionWrapper"; +import TitleSection from "../../../components/SectionTitle/TitleSection"; +import { useWindowSize } from "react-use"; +import { + SpeakersCardsContainer, + StyledContainerLeftSlash, + StyledContainerRightSlash, + StyledLessIcon, + StyledMoreIcon, + StyledSlash, + StyledSpeakersSection, + StyledWaveContainer, +} from "./Speakers.style"; +import Button from "../../../components/UI/Button"; +import { gaEventTracker } from "../../../components/analytics/Analytics"; +import { useFetchSpeakers } from "../../../hooks/useFetchSpeakers"; +import { ISpeaker } from "../../../types/speakers"; +import { SpeakerCard } from "../../../views/Speakers/components/SpeakersCard"; +import { useSentryErrorReport } from "../../../hooks/useSentryErrorReport"; + +const LessThanGreaterThan = () => ( + <> + + + +); + +interface SpeakersProps { + year: string; + webData: any; +} + +const Speakers: FC = ({ year, webData }) => { + const { width } = useWindowSize(); + const today = new Date(); + const isBetween = (startDay: Date, endDay: Date): boolean => + startDay < new Date() && endDay > today; + + const { error, data, isLoading } = useFetchSpeakers(year); + + useSentryErrorReport(error); + + const trackCFP = useCallback(() => { + gaEventTracker("CFP", "CFP"); + }, []); + + useEffect(() => { + document.title = `Speakers — ${webData.title} — ${webData.edition}`; + }, [webData.title, webData.edition]); + + const CFPStartDay = new Date(webData.cfp.startDay); + const CFPEndDay = new Date(webData.cfp.endDay); + return ( + <> + + + + {width > MOBILE_BREAKPOINT && } + + {isLoading &&

Loading...

} + {isBetween(CFPStartDay, CFPEndDay) && ( +
+
+ )} + {webData.hideSpeakers ? ( +

+ No selected speakers yet. Keep in touch in our social media for + upcoming announcements +

+ ) : data?.length === 0 ? ( +

+ No selected speakers yet. Keep in touch in our social media for + upcoming announcements +

+ ) : ( + data?.map((speaker: ISpeaker) => ( + + )) + )} + + + + / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / + / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / + /{" "} + + + + + + / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / + / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / + /{" "} + + + + + + / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / + / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / + /{" "} + + + + + + / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / + / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / + /{" "} + + + + + + + + + + + ); +}; + +export default Speakers; \ No newline at end of file diff --git a/src/components/YearSpecific/Speakers/Speakers2023.tsx b/src/components/YearSpecific/Speakers/Speakers2023.tsx new file mode 100644 index 00000000..056e9fc0 --- /dev/null +++ b/src/components/YearSpecific/Speakers/Speakers2023.tsx @@ -0,0 +1,9 @@ +import React, { FC } from "react"; +import Speakers from "./Speakers"; +import webData from "../../../data/2023.json"; + +const Speakers2023: FC> = () => { + return ; +}; + +export default Speakers2023; \ No newline at end of file diff --git a/src/components/YearSpecific/Speakers/Speakers2024.tsx b/src/components/YearSpecific/Speakers/Speakers2024.tsx new file mode 100644 index 00000000..613ba5ba --- /dev/null +++ b/src/components/YearSpecific/Speakers/Speakers2024.tsx @@ -0,0 +1,9 @@ +import React, { FC } from "react"; +import Speakers from "./Speakers"; +import webData from "../../../data/2024.json"; + +const Speakers2024: FC> = () => { + return ; +}; + +export default Speakers2024; \ No newline at end of file From 8c687131cdd61539e68d62cb5dbfaacba57f3647 Mon Sep 17 00:00:00 2001 From: Anyul Rivas Date: Tue, 1 Apr 2025 14:49:47 +0200 Subject: [PATCH 2/5] chore: change to default export --- src/views/CodeOfConduct/CodeOfConduct.tsx | 4 +- src/views/Travel/Accommodation.tsx | 180 +++++++++++----------- 2 files changed, 93 insertions(+), 91 deletions(-) diff --git a/src/views/CodeOfConduct/CodeOfConduct.tsx b/src/views/CodeOfConduct/CodeOfConduct.tsx index 1dc7692c..9f30c095 100644 --- a/src/views/CodeOfConduct/CodeOfConduct.tsx +++ b/src/views/CodeOfConduct/CodeOfConduct.tsx @@ -80,7 +80,7 @@ const StyleMoreIcon = styled.img` } `; -export const CodeOfConduct: FC = () => { +const CodeOfConduct: FC = () => { const { width } = useWindowSize(); useDocumentTitleUpdater("Code of Conduct", data.edition); @@ -302,5 +302,5 @@ export const CodeOfConduct: FC = () => { ); }; - CodeOfConduct.displayName = "CodeOfConduct"; +export default CodeOfConduct; diff --git a/src/views/Travel/Accommodation.tsx b/src/views/Travel/Accommodation.tsx index 0cefdc88..a3345216 100644 --- a/src/views/Travel/Accommodation.tsx +++ b/src/views/Travel/Accommodation.tsx @@ -5,114 +5,114 @@ import { BIG_BREAKPOINT } from "../../constants/BreakPoints"; const StyledAccommodation = styled.div` { - text-align: left; - padding: 10px 40px; - background-color: ${Color.LIGHT_BLUE}; - color: ${Color.WHITE}; + text-align: left; + padding: 10px 40px; + background-color: ${Color.LIGHT_BLUE}; + color: ${Color.WHITE}; } - div.description ul { - margin-top: 10px; - margin-bottom: 10px; - margin-left: 40px; - } - - ul a { - text-decoration: none; - margin-left: 10px; - color: ${Color.WHITE}; - } - - div.image { - margin-top: 10px; - background-color: ${Color.DARK_BLUE}; - text-align: center; - - img { - margin-top: 5px; - width: 20rem; - } - } - - div.description { - background-color: ${Color.DARK_BLUE}; - padding-left: 5px; + div.description ul { + margin-top: 10px; + margin-bottom: 10px; + margin-left: 40px; + } - p { - padding: 5px; - } - - strong { - color: ${Color.YELLOW}; - } + ul a { + text-decoration: none; + margin-left: 10px; + color: ${Color.WHITE}; + } - a { - color: ${Color.YELLOW}; - } - } + div.image { + margin-top: 10px; + background-color: ${Color.DARK_BLUE}; + text-align: center; - .container { - max-width: 1200px; - margin: 0 auto; - padding: 20px; + img { + margin-top: 5px; + width: 20rem; } + } - h1 { - font-size: 2.25rem; - text-align: center; - margin-top: 0; - margin-bottom: 30px; - color: #002454; - } + div.description { + background-color: ${Color.DARK_BLUE}; + padding-left: 5px; - .accommodation { - background-color: #fff; - border: 1px solid #ccc; - margin-bottom: 1.25rem; - padding: 1.25rem; - display: flex; - align-items: center; - border-radius: 95% 5% 95% 5% / 5% 100% 0 95%; - @media (max-width: ${BIG_BREAKPOINT}px) { - flex-direction: column; - } + p { + padding: 5px; } - .accommodation img { - max-width: 300px; - margin-right: 1.25rem; - border-radius: 90% 10% 90% 10% / 0 100% 0 100%; - - @media (max-width: ${BIG_BREAKPOINT}px) { - max-width: 100%; - height: auto; - } + strong { + color: ${Color.YELLOW}; } - .accommodation h2 { - margin-top: 0; - margin-bottom: 1rem; - font-size: 1.5rem; + a { + color: ${Color.YELLOW}; } - - h2 a { - color: #002454; - margin-bottom: 100px; + } + + .container { + max-width: 1200px; + margin: 0 auto; + padding: 20px; + } + + h1 { + font-size: 2.25rem; + text-align: center; + margin-top: 0; + margin-bottom: 30px; + color: #002454; + } + + .accommodation { + background-color: #fff; + border: 1px solid #ccc; + margin-bottom: 1.25rem; + padding: 1.25rem; + display: flex; + align-items: center; + border-radius: 95% 5% 95% 5% / 5% 100% 0 95%; + @media (max-width: ${BIG_BREAKPOINT}px) { + flex-direction: column; } + } - .accommodation p { - margin-bottom: 0; - color: #002454; - font-size: 1rem; - } + .accommodation img { + max-width: 300px; + margin-right: 1.25rem; + border-radius: 90% 10% 90% 10% / 0 100% 0 100%; - .accommodation ul { - color: #002454; - padding-left: 30px; + @media (max-width: ${BIG_BREAKPOINT}px) { + max-width: 100%; + height: auto; } + } + + .accommodation h2 { + margin-top: 0; + margin-bottom: 1rem; + font-size: 1.5rem; + } + + h2 a { + color: #002454; + margin-bottom: 100px; + } + + .accommodation p { + margin-bottom: 0; + color: #002454; + font-size: 1rem; + } + + .accommodation ul { + color: #002454; + padding-left: 30px; + } `; -export const Accommodation: FC> = () => { +const Accommodation: FC> = () => { return (
@@ -150,3 +150,5 @@ export const Accommodation: FC> = () => { ); }; + +export default Accommodation; From 2c13079fcd92c8e8cfebdc18b002dcb6f57ccaa4 Mon Sep 17 00:00:00 2001 From: Anyul Rivas Date: Tue, 1 Apr 2025 15:37:11 +0200 Subject: [PATCH 3/5] chore: change to default export --- src/components/Navigation/HorizontalMenu.tsx | 43 ++++++++------------ src/views/Travel/Travel.tsx | 2 +- 2 files changed, 19 insertions(+), 26 deletions(-) diff --git a/src/components/Navigation/HorizontalMenu.tsx b/src/components/Navigation/HorizontalMenu.tsx index 1d93774b..d0869439 100644 --- a/src/components/Navigation/HorizontalMenu.tsx +++ b/src/components/Navigation/HorizontalMenu.tsx @@ -1,6 +1,4 @@ -import { BIG_BREAKPOINT } from "../../constants/BreakPoints"; import { NavigationItem } from "./NavigationData"; -import { useWindowSize } from "react-use"; import { NavMenu, StyledLink, SubLink, SubMenu } from "./Style.Navigation"; import { NavLink } from "react-router"; import { FC } from "react"; @@ -14,30 +12,25 @@ export const HorizontalMenu: FC> = ({ navItems, subMenuItems, }) => { - const { width } = useWindowSize(); return ( - <> - {width > BIG_BREAKPOINT && ( -
- {navItems.map((item) => ( - - {item.id} - - ))} - {subMenuItems.length > 0 && ( - - News{" "} - - {subMenuItems.map((item) => ( - - {item.id} - - ))} - - - )} -
+
+ {navItems.map((item) => ( + + {item.id} + + ))} + {subMenuItems.length > 0 && ( + + News{" "} + + {subMenuItems.map((item) => ( + + {item.id} + + ))} + + )} - +
); }; diff --git a/src/views/Travel/Travel.tsx b/src/views/Travel/Travel.tsx index 29b88a9f..2546d171 100644 --- a/src/views/Travel/Travel.tsx +++ b/src/views/Travel/Travel.tsx @@ -5,7 +5,7 @@ import data from "../../data/2024.json"; import { StyledWaveContainer } from "../Speakers/Speakers.style"; import styled from "styled-components"; import { Color } from "../../styles/colors"; -import { Accommodation } from "./Accommodation"; +import Accommodation from "./Accommodation"; import { useDocumentTitleUpdater } from "../../hooks/useDocumentTitleUpdate"; const StyledTravel = styled.div` From e4685476752d331cb7d085e09a6c1cbf47e08054 Mon Sep 17 00:00:00 2001 From: Anyul Rivas Date: Tue, 1 Apr 2025 15:38:04 +0200 Subject: [PATCH 4/5] chore: improve readability --- src/components/Navigation/Navigation.tsx | 285 +++++++++++------------ 1 file changed, 142 insertions(+), 143 deletions(-) diff --git a/src/components/Navigation/Navigation.tsx b/src/components/Navigation/Navigation.tsx index 9fc3e061..3e2d7a22 100644 --- a/src/components/Navigation/Navigation.tsx +++ b/src/components/Navigation/Navigation.tsx @@ -1,166 +1,165 @@ -import {AnimatePresence} from "framer-motion"; -import {FC, useEffect, useState} from "react"; -import {MOBILE_BREAKPOINT} from "../../constants/BreakPoints"; -import {useLocation, useNavigate} from "react-router"; +import { AnimatePresence } from "framer-motion"; +import { FC, useEffect, useState } from "react"; +import { BIG_BREAKPOINT, MOBILE_BREAKPOINT } from "../../constants/BreakPoints"; +import { useLocation, useNavigate } from "react-router"; import Breadcrumbs from "./Breadcrumbs"; import CloseIcon from "../../assets/images/CloseIcon.svg"; import NavigationLogo from "../../assets/images/devBcn.png"; -import {ROUTE_HOME, ROUTE_HOME_ALTERNATE} from "../../constants/routes"; +import { ROUTE_HOME, ROUTE_HOME_ALTERNATE } from "../../constants/routes"; import TicketsImage from "../../assets/images/TicketsImage.svg"; -import {navigationItems2025, subMenuItems2025} from "./NavigationData"; +import { navigationItems2025, subMenuItems2025 } from "./NavigationData"; import { - navigationItems2023, - subMenuItems2023, + navigationItems2023, + subMenuItems2023, } from "../../2023/Navigation/NavigationData2023"; -import {useWindowSize} from "react-use"; +import { useWindowSize } from "react-use"; import { - StyledClipPath, - StyledHeader, - StyledHeaderLogo, - StyledHeaderWrapper, - StyledLink, - StyledMenuIcon, - StyledNavigation, - StyledNavigationContainer, - StyledNavigationLogo, - StyledNavLinkHighlightedImage, - StyledTicketLink, + StyledClipPath, + StyledHeader, + StyledHeaderLogo, + StyledHeaderWrapper, + StyledLink, + StyledMenuIcon, + StyledNavigation, + StyledNavigationContainer, + StyledNavigationLogo, + StyledNavLinkHighlightedImage, + StyledTicketLink, } from "./Style.Navigation"; -import {HorizontalMenu} from "./HorizontalMenu"; -import {HamburgerMenu} from "./HamburgerMenu"; +import { HorizontalMenu } from "./HorizontalMenu"; +import { HamburgerMenu } from "./HamburgerMenu"; import { - navigationItems2024, - subMenuItems2024 + navigationItems2024, + subMenuItems2024, } from "../../2024/Navigation/NavigationData"; const Navigation: FC> = () => { - const {width} = useWindowSize(); - const [isOpened, setIsOpened] = useState(false); - const [navItems, setNavItems] = useState(navigationItems2025); - const [subNavItems, setSubNavItems] = useState(subMenuItems2025); - const {pathname} = useLocation(); - const navigate = useNavigate(); - const handleLogoClick = () => { - navigate(ROUTE_HOME); - }; - const handleSetMenu = () => { - setIsOpened(!isOpened); - }; - const isHomePage = () => { - return pathname === ROUTE_HOME || pathname === ROUTE_HOME_ALTERNATE; - }; + const { width } = useWindowSize(); + const [isOpened, setIsOpened] = useState(false); + const [navItems, setNavItems] = useState(navigationItems2025); + const [subNavItems, setSubNavItems] = useState(subMenuItems2025); + const { pathname } = useLocation(); + const navigate = useNavigate(); + const handleLogoClick = () => { + navigate(ROUTE_HOME); + }; + const handleSetMenu = () => { + setIsOpened(!isOpened); + }; + const isHomePage = () => { + return pathname === ROUTE_HOME || pathname === ROUTE_HOME_ALTERNATE; + }; - useEffect(() => { - const navMapping = { - "/2024": { - navItems: navigationItems2024, - subNavItems: subMenuItems2024 - }, - "/2023": { - navItems: navigationItems2023, - subNavItems: subMenuItems2023 - }, - default: { - navItems: navigationItems2025, - subNavItems: subMenuItems2025 - }, - }; - - const { - navItems, - subNavItems - } = Object.entries(navMapping).find(([key]) => pathname.startsWith(key))?.[1] || navMapping.default; + useEffect(() => { + const navMapping = { + "/2024": { + navItems: navigationItems2024, + subNavItems: subMenuItems2024, + }, + "/2023": { + navItems: navigationItems2023, + subNavItems: subMenuItems2023, + }, + default: { + navItems: navigationItems2025, + subNavItems: subMenuItems2025, + }, + }; - setNavItems(navItems); - setSubNavItems(subNavItems); - }, [pathname]); + const { navItems, subNavItems } = + Object.entries(navMapping).find(([key]) => + pathname.startsWith(key), + )?.[1] || navMapping.default; + setNavItems(navItems); + setSubNavItems(subNavItems); + }, [pathname]); - const getTicketURL = (): string => { - if (pathname.startsWith("/2023")) { - return "https://tickets.devbcn.com/event/devbcn-2023"; - } - if (pathname.startsWith("/2024")) { - return "https://tickets.devbcn.com/event/devbcn-2024"; - } - return "https://tickets.devbcn.com/event/devbcn-2025"; + const getTicketURL = (): string => { + if (pathname.startsWith("/2023")) { + return "https://tickets.devbcn.com/event/devbcn-2023"; + } + if (pathname.startsWith("/2024")) { + return "https://tickets.devbcn.com/event/devbcn-2024"; } + return "https://tickets.devbcn.com/event/devbcn-2025"; + }; - return ( - <> - - - - - - + return ( + <> + + + + {width > BIG_BREAKPOINT && ( + + )} + + - {!isHomePage() && } - - - {isOpened && ( - MOBILE_BREAKPOINT - ? {width: "140vw"} - : {width: "100vw"} - } - exit={{width: 0}} - > - - - { - navigate(ROUTE_HOME); - handleSetMenu(); - }} - /> - {navItems.map((item) => ( - - {item.id} - - ))} - {subNavItems.map((item) => ( - - {item.id} - - ))} + {!isHomePage() && } + + + {isOpened && ( + MOBILE_BREAKPOINT + ? { width: "140vw" } + : { width: "100vw" } + } + exit={{ width: 0 }} + > + + + { + navigate(ROUTE_HOME); + handleSetMenu(); + }} + /> + {navItems.map((item) => ( + + {item.id} + + ))} + {subNavItems.map((item) => ( + + {item.id} + + ))} - - - - - {width > MOBILE_BREAKPOINT && } - - )} - - - ); + + + + + {width > MOBILE_BREAKPOINT && } + + )} + + + ); }; export default Navigation; From 9a3466b5ad2f46590c6995375515268ed1e6c65b Mon Sep 17 00:00:00 2001 From: Anyul Rivas Date: Fri, 25 Apr 2025 10:18:29 +0200 Subject: [PATCH 5/5] build: fixing default export --- src/App.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index 943164f7..39f20b13 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -85,8 +85,8 @@ import JobOffers2023 from "./2023/JobOffers/JobOffers2023"; import Sponsorship from "./views/sponsorship/Sponsorship"; import Diversity2023 from "./2023/Diversity/Diversity2023"; import CfpSection from "./views/Cfp/CfpSection"; -import { CodeOfConduct } from "./views/CodeOfConduct/CodeOfConduct"; -import { Accommodation } from "./views/Travel/Accommodation"; +import CodeOfConduct from "./views/CodeOfConduct/CodeOfConduct"; +import Accommodation from "./views/Travel/Accommodation"; import Schedule from "./views/Schedule/Schedule"; import Diversity from "./views/Diversity/Diversity"; import LiveView from "./views/Talks/LiveView";