Mirrors/Stirling-PDF
Mirrors/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Frooodle/Stirling-PDF.git synced 2025-12-18 20:04:17 +01:00
Code Issues Packages Projects Releases Wiki Activity

Lazily load file manager to reduce chunk size

Browse Source
This commit is contained in:
James Brunton 2025-12-18 12:04:20 +00:00
parent f8456e4279
commit 3136aefbf1
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/core/pages/HomePage.tsx
View File

@ -16,12 +16,12 @@ import AppsIcon from '@mui/icons-material/AppsRounded';
import ToolPanel from "@app/components/tools/ToolPanel";
import QuickAccessBar from "@app/components/shared/QuickAccessBar";
// Lazy-load Workbench - contains Viewer and PageEditor (heavy components)
const Workbench = lazy(() => import("@app/components/layout/Workbench"));
import RightRail from "@app/components/shared/RightRail";
import FileManager from "@app/components/FileManager";
import LocalIcon from "@app/components/shared/LocalIcon";
// Lazy-load heavy components that aren't needed on initial render
const Workbench = lazy(() => import("@app/components/layout/Workbench"));
const FileManager = lazy(() => import("@app/components/FileManager"));
import { useFilesModalContext } from "@app/contexts/FilesModalContext";
import AppConfigModal from "@app/components/shared/AppConfigModal";
@ -272,7 +272,9 @@ export default function HomePage() {
<span className="mobile-bottom-button-label">{t('quickAccess.config', 'Config')}</span>
</button>
</div>
<FileManager selectedTool={selectedTool as any /* FIX ME */} />
<Suspense fallback={null}>
<FileManager selectedTool={selectedTool as any /* FIX ME */} />
</Suspense>
<AppConfigModal
opened={configModalOpen}
onClose={() => setConfigModalOpen(false)}
@ -291,7 +293,9 @@ export default function HomePage() {
<Workbench />
</Suspense>
<RightRail />
<FileManager selectedTool={selectedTool as any /* FIX ME */} />
<Suspense fallback={null}>
<FileManager selectedTool={selectedTool as any /* FIX ME */} />
</Suspense>
</Group>
)}
</div>