diff --git a/src/pages/Infra2Page.tsx b/src/pages/Infra2Page.tsx index b12dc88..b5e3520 100644 --- a/src/pages/Infra2Page.tsx +++ b/src/pages/Infra2Page.tsx @@ -22,6 +22,7 @@ function Infra2Page() { const [filteredMarks, setFilteredMarks] = useState(marks); const [filteredTransportMarks, setFilteredTransportMarks] = useState(transportMarks); + const [isLoaded, setIsLoaded] = useState(false); const navigate = useNavigate(); function handleResize() { @@ -35,6 +36,12 @@ function Infra2Page() { return () => window.removeEventListener("resize", handleResize); }, []); + function handleOnImageLoad( + event: React.SyntheticEvent + ): void { + setIsLoaded(true); + } + return (
-
+
{/*
@@ -81,6 +89,13 @@ function Infra2Page() {
+ {!isLoaded && ( +
+

+ Загрузка... +

+
+ )}
); }