Revert "feat: Lazy load ResistantMap to allow code splitting"
This reverts commit 2391ad98b0
.
suppression-manon-adrien
parent
2391ad98b0
commit
1875982a15
|
@ -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
|
||||
);
|
||||
|
|
|
@ -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>
|
||||
</>
|
||||
|
|
Loading…
Reference in New Issue