antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-01-01 02:13:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Optimize various pages

Browse source
This commit is contained in:
jeffvli 2023-06-01 20:08:43 -07:00
parent e7c7eb3ec0
commit 17b1acad9d
4 changed files with 101 additions and 80 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/renderer/layouts/default-layout/main-content.tsx
View file

@ -9,6 +9,8 @@ import { constrainSidebarWidth, constrainRightSidebarWidth } from '/@/renderer/u
import { LeftSidebar } from '/@/renderer/layouts/default-layout/left-sidebar';
import { FullScreenOverlay } from '/@/renderer/layouts/default-layout/full-screen-overlay';
import { RightSidebar } from '/@/renderer/layouts/default-layout/right-sidebar';
import { Center } from '@mantine/core';
import { Spinner } from '/@/renderer/components';
const SideDrawerQueue = lazy(() =>
import('/@/renderer/layouts/default-layout/side-drawer-queue').then((module) => ({
@ -102,8 +104,8 @@ export const MainContent = ({ shell }: { shell?: boolean }) => {
sidebarCollapsed={collapsed}
>
{!shell && (
<Suspense fallback={<></>}>
{showQueueDrawerButton && <SideDrawerQueue />}
<>
<Suspense fallback={<></>}>{showQueueDrawerButton && <SideDrawerQueue />}</Suspense>
<FullScreenOverlay />
<LeftSidebar
isResizing={isResizing}
@ -114,9 +116,18 @@ export const MainContent = ({ shell }: { shell?: boolean }) => {
isResizing={isResizingRight}
startResizing={startResizing}
/>
</Suspense>
</>
)}
<Suspense fallback={<></>}>
<Suspense
fallback={
<Center
h="100%"
w="100%"
>
<Spinner />
</Center>
}
>
<Outlet />
</Suspense>
</MainContentContainer>