[WEB-5458] improvement: restructure layout components to enhance loading (#8141)

This commit is contained in:
Prateek Shourya 2025-11-19 19:11:17 +05:30 committed by GitHub
parent d6503232de
commit 1eaa48c95c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 36 additions and 38 deletions

View file

@ -3,27 +3,23 @@
import { observer } from "mobx-react";
import { Outlet } from "react-router";
import { ProjectsAppPowerKProvider } from "@/components/power-k/projects-app-provider";
import { AuthenticationWrapper } from "@/lib/wrappers/authentication-wrapper";
// plane web components
import { WorkspaceAuthWrapper } from "@/plane-web/layouts/workspace-wrapper";
import { ProjectAppSidebar } from "./_sidebar";
function WorkspaceLayout() {
return (
<AuthenticationWrapper>
<>
<ProjectsAppPowerKProvider />
<WorkspaceAuthWrapper>
<div className="relative flex flex-col h-full w-full overflow-hidden rounded-lg border border-custom-border-200">
<div id="full-screen-portal" className="inset-0 absolute w-full" />
<div className="relative flex size-full overflow-hidden">
<ProjectAppSidebar />
<main className="relative flex h-full w-full flex-col overflow-hidden bg-custom-background-100">
<Outlet />
</main>
</div>
<div className="relative flex flex-col h-full w-full overflow-hidden rounded-lg border border-custom-border-200">
<div id="full-screen-portal" className="inset-0 absolute w-full" />
<div className="relative flex size-full overflow-hidden">
<ProjectAppSidebar />
<main className="relative flex h-full w-full flex-col overflow-hidden bg-custom-background-100">
<Outlet />
</main>
</div>
</WorkspaceAuthWrapper>
</AuthenticationWrapper>
</div>
</>
);
}