mirror
/
moonstream
kopia lustrzana https://github.com/bugout-dev/moonstream
1
0
Forkuj 0
Kod Zgłoszenia Projekty Wydania Wiki Aktywność

adding Suspense

fixing-sidebar
Anton Mushnin 2022-11-14 11:47:30 +03:00
rodzic 306f45772b
commit 14b444f13c
1 zmienionych plików z 4 dodań i 2 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

6
frontend/src/layouts/AppLayout.js
Wyświetl plik

@ -1,6 +1,6 @@
import { Flex, Spinner, Box } from "@chakra-ui/react"; import { Flex, Spinner, Box } from "@chakra-ui/react";
import { getLayout as getSiteLayout } from "./RootLayout"; import { getLayout as getSiteLayout } from "./RootLayout";
import React, { useContext, useEffect } from "react"; import React, { Suspense, useContext, useEffect } from "react";
import UIContext from "../core/providers/UIProvider/context"; import UIContext from "../core/providers/UIProvider/context";
import AppNavbar from "../components/AppNavbar"; import AppNavbar from "../components/AppNavbar";
import { BACKGROUND_COLOR } from "../core/constants"; import { BACKGROUND_COLOR } from "../core/constants";
@ -64,7 +64,9 @@ const AppLayout = ({ children }) => {
h="100%" h="100%"
maxH="100%" maxH="100%"
> >
<Sidebar /> <Suspense fallback="">
<Sidebar />
</Suspense>
{ui.isAppReady && ui.isLoggedIn && children} {ui.isAppReady && ui.isLoggedIn && children}
</Flex> </Flex>
</Flex> </Flex>