Revert "feat: Lazy load ResistantMap to allow code splitting"

This reverts commit 2391ad98b0.
suppression-manon-adrien
Sebastien Arod 2024-06-10 17:31:14 +02:00
parent 2391ad98b0
commit 1875982a15
2 changed files with 12 additions and 24 deletions

View File

@ -1,7 +1,7 @@
import maplibregl from "maplibre-gl";
import "maplibre-gl/dist/maplibre-gl.css";
import React from "react";
import Map, { Marker, NavigationControl, Popup } from "react-map-gl";
import maplibregl from "maplibre-gl";
import "maplibre-gl/dist/maplibre-gl.css";
import { Resistant } from "../../../Resistant";
import { Picto } from "./Picto";
import { PopupContent } from "./PopupContent";
@ -12,7 +12,7 @@ interface Props {
const accessToken = "LiH20XNxcFiTXyT4fgjM";
export default ({ resistants }: Props) => {
export const ResistantsMap = ({ resistants }: Props) => {
const [selectedResistant, selectResistant] = React.useState<Resistant | null>(
null
);

View File

@ -1,28 +1,23 @@
import {
Center,
Group,
Loader,
SegmentedControl,
TextInput,
} from "@mantine/core";
import React from "react";
import { Outlet } from "react-router";
import { Center, Group, SegmentedControl, TextInput } from "@mantine/core";
import {
IconCameraSelfie,
IconList,
IconMap,
IconUsers,
} from "@tabler/icons-react";
import React, { Suspense, lazy } from "react";
import { Outlet } from "react-router";
import { resistantsOrder } from "../../Resistant";
import { Separator } from "../../components/Separator";
import { DisplayModeContext } from "../../context/DisplayModeContext";
import { HomeContext } from "../../context/HomeContext";
import { resistants } from "../../resistants";
import { ViewMode } from "../ViewMode";
import { FiltreAcademie } from "./FiltreAcademie";
import { ResistantsMap } from "./Map/ResistantsMap";
import { ResistantsThumbs } from "./Thumbs/ResistantsThumbs";
import { FiltreDepartement } from "./FiltreDepartement";
import { ResistantRow } from "./List/ResistantRow";
import { ResistantsThumbs } from "./Thumbs/ResistantsThumbs";
import { HomeContext } from "../../context/HomeContext";
import { resistantsOrder } from "../../Resistant";
const normalize = (text: string) =>
(text || "")
@ -30,8 +25,6 @@ const normalize = (text: string) =>
.normalize("NFD")
.replace(/\p{Diacritic}/gu, "");
const LazyResistantsMap = lazy(() => import("./Map/ResistantsMap"));
export const ListeResistants = () => {
const { mode, setMode } = React.useContext(DisplayModeContext);
const { isHome } = React.useContext(HomeContext);
@ -125,13 +118,8 @@ export const ListeResistants = () => {
<ResistantsThumbs resistants={filteredResistants} />
)}
{mode === "map" && (
<Suspense
fallback={<Loader style={{ display: "block", margin: "auto" }} />}
>
<LazyResistantsMap resistants={filteredResistants} />
</Suspense>
)}
{mode === "map" && <ResistantsMap resistants={filteredResistants} />}
<Outlet />
</div>
</>