refactor: Reorder imports, add accommodation route, and adjust talk track filtering.

Author: anyulled

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

@@ -1,18 +1,21 @@
-import type { FC } from "react";
-
+import { styled } from "styled-components";
 import { Autoplay, Parallax } from "swiper";
 import { Swiper, SwiperSlide } from "swiper/react";
-import { styled } from "styled-components";
 
 import { Color } from "@styles/colors";
 
+
+import type { FC } from "react";
+
+
 import "swiper/swiper-bundle.min.css";
-import { Link } from "react-router";
 
 import { ROUTE_SPEAKER_DETAIL } from "@constants/routes";
 import { useFetchSpeakers } from "@hooks/useFetchSpeakers";
 import { useSentryErrorReport } from "@hooks/useSentryErrorReport";
 
+import { Link } from "react-router";
+
 const StyledSlideImage = styled.img`
   display: block;
   width: 100%;

src/2023/SessionFeedback/SessionFeedback2023.tsx

@@ -2,14 +2,16 @@ import type { MeasurableSessionRating, SessionRating } from "./sessionData";
 
 import { sessionData } from "./sessionData";
 
-import React from "react";
-import { DataTable } from "primereact/datatable";
-import { Column } from "primereact/column";
-import { Rating } from "primereact/rating";
 import "primereact/resources/primereact.min.css";
 import "primereact/resources/themes/lara-light-blue/theme.css";
+
+
 import { FilterMatchMode } from "primereact/api";
+import { Column } from "primereact/column";
+import { DataTable } from "primereact/datatable";
 import { InputText } from "primereact/inputtext";
+import { Rating } from "primereact/rating";
+import React from "react";
 import { Link } from "react-router";
 
 import { ROUTE_TALK_DETAIL } from "@constants/routes";
@@ -40,11 +42,13 @@ export const SessionFeedback2023: FC<React.PropsWithChildren<unknown>> = () => {
     );
 
   const [globalFilterValue, setGlobalFilterValue] = React.useState("");
-  const [filters, setFilters] = React.useState({
+  const [filters, setFilters] = React.useState<{
+    global: { value: string | null; matchMode: FilterMatchMode };
+  }>({
     global: { value: null, matchMode: FilterMatchMode.CONTAINS },
   });
 
-  const onGlobalFilterChange = (e: { target: { value: any } }) => {
+  const onGlobalFilterChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     const value = e.target.value;
     const _filters = { ...filters };
 

src/2023/TalkDetail/TalkDetailContainer2023.tsx

@@ -22,6 +22,7 @@ const StyledContainer = styled.div`
 `;
 const TalkDetailContainer2023: FC<React.PropsWithChildren<unknown>> = () => {
   const { id } = useParams<{ id: string }>();
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   const { isLoading, error, data } = useFetchTalksById(id!, "2023");
   const { data: speakerData } = useFetchSpeakers("2023");
 

src/2023/Talks/Talks2023.tsx

@@ -1,14 +1,15 @@
 import type { FC } from "react";
 
-import TitleSection from "@components/SectionTitle/TitleSection";
 
-import { Dropdown } from "primereact/dropdown";
-import React, { useEffect, useState } from "react";
+import TrackInformation from "@components/common/TrackInformation";
 
+import "@styles/theme.css";
+import { Dropdown } from "primereact/dropdown";
 import "primereact/resources/primereact.min.css";
 import "primereact/resources/themes/lara-light-indigo/theme.css";
-import "@styles/theme.css";
-import TrackInformation from "@components/common/TrackInformation";
+import React, { useEffect, useState } from "react";
+
+import TitleSection from "@components/SectionTitle/TitleSection";
 import { SectionWrapper } from "@components/SectionWrapper/SectionWrapper";
 import conferenceData from "@data/2023.json";
 import { useFetchTalks } from "@hooks/useFetchTalks";
@@ -63,9 +64,9 @@ const Talks2023: FC<React.PropsWithChildren<unknown>> = () => {
     { name: "All Tracks", code: undefined },
     ...(data !== undefined
       ? data.flatMap((group) => ({
-          code: group.groupId.toString(),
-          name: removeParenthesesContent(group.groupName),
-        }))
+        code: group.groupId.toString(),
+        name: removeParenthesesContent(group.groupName),
+      }))
       : []),
   ];
 

src/2024/SpeakersCarousel/SpeakerSwiper.tsx

@@ -1,11 +1,12 @@
 import type { FC } from "react";
 
 import React from "react";
+import "swiper/swiper-bundle.min.css";
+
+import { Link } from "react-router";
 import { styled } from "styled-components";
 import { Autoplay, Parallax } from "swiper";
 import { Swiper, SwiperSlide } from "swiper/react";
-import "swiper/swiper-bundle.min.css";
-import { Link } from "react-router";
 
 import { ROUTE_SPEAKER_DETAIL } from "@constants/routes";
 import conferenceData from "@data/2024.json";

src/2024/TalkDetail/MeetingDetailContainer2024.tsx

@@ -24,6 +24,7 @@ export const MeetingDetailContainer2024: FC<
   React.PropsWithChildren<unknown>
 > = () => {
   const { id } = useParams<{ id: string }>();
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   const { isLoading, error, data } = useFetchTalksById(id!, "2024");
   const { data: speakerData } = useFetchSpeakers("2024");
 

src/2025/Speakers/SpeakersWrapper2025.test.tsx

@@ -1,7 +1,5 @@
 import { screen } from "@testing-library/react";
-import React from "react";
-import { describe, it, expect, vi, beforeEach } from "vitest";
-import { type MockedFunction } from "vitest";
+import { beforeEach, describe, expect, it, vi, type MockedFunction } from "vitest";
 
 import { SpeakersWrapper2025 } from "./SpeakersWrapper2025";
 import { useFetchSpeakers } from "../../hooks/useFetchSpeakers";

src/components/Navigation/NavigationData.ts

@@ -1,10 +1,10 @@
 import {
+  ROUTE_2026_CFP,
   ROUTE_2026_CODE_OF_CONDUCT,
   ROUTE_2026_HOME,
   ROUTE_2026_SPONSORSHIP,
   ROUTE_2026_TRAVEL,
   ROUTE_ABOUT_US,
-  ROUTE_2026_CFP,
 } from "@constants/routes";
 
 export interface NavigationItem {

src/components/Router/SuspenseRoute.tsx

@@ -1,8 +1,9 @@
-import React, { Suspense } from "react";
+import { Suspense } from "react";
 import { Route } from "react-router";
 
 import { Loading } from "@components/Loading/Loading";
 
+
 import type { FC, ReactElement } from "react";
 
 interface SuspenseRouteProps {

src/components/Tag/Tag.tsx

@@ -57,6 +57,8 @@ const colorMap: ColorMap = {
   testing: Color.GRAY,
 };
 
+
+// eslint-disable-next-line react-refresh/only-export-components
 export const colorTagByText = (text: string): string => {
   const lowercaseText = text.toLowerCase();
   for (const [key, value] of Object.entries(colorMap)) {