4032aa62c5
* Return Cycle start and end dates in project's timezone * fix: role improvements * chore: role updates * chore: update role endpoint to update workspace admin permissions * fix: conditions * chore: update member role for workspace members * chore: update workspace permission role * fix: currentAdmin permissions --------- Co-authored-by: Dheeraj Kumar Ketireddy <dheeru0198@gmail.com> Co-authored-by: pablohashescobar <nikhilschacko@gmail.com>
63 lines
2.1 KiB
TypeScript
63 lines
2.1 KiB
TypeScript
"use client";
|
|
|
|
import { FC, ReactNode } from "react";
|
|
import { observer } from "mobx-react";
|
|
// components
|
|
import { useParams, usePathname } from "next/navigation";
|
|
import { EUserWorkspaceRoles, WORKSPACE_SETTINGS_ACCESS } from "@plane/constants";
|
|
import { NotAuthorizedView } from "@/components/auth-screens";
|
|
import { AppHeader } from "@/components/core";
|
|
// hooks
|
|
import { useUserPermissions } from "@/hooks/store";
|
|
// plane web constants
|
|
// local components
|
|
import { WorkspaceSettingHeader } from "../header";
|
|
import { MobileWorkspaceSettingsTabs } from "./mobile-header-tabs";
|
|
import { WorkspaceSettingsSidebar } from "./sidebar";
|
|
|
|
export interface IWorkspaceSettingLayout {
|
|
children: ReactNode;
|
|
}
|
|
|
|
const WorkspaceSettingLayout: FC<IWorkspaceSettingLayout> = observer((props) => {
|
|
const { children } = props;
|
|
|
|
const { workspaceUserInfo } = useUserPermissions();
|
|
const pathname = usePathname();
|
|
const { workspaceSlug } = useParams();
|
|
|
|
// derived values
|
|
const userWorkspaceRole = workspaceUserInfo?.[workspaceSlug.toString()]?.role;
|
|
const isAuthorized =
|
|
pathname &&
|
|
workspaceSlug &&
|
|
userWorkspaceRole &&
|
|
WORKSPACE_SETTINGS_ACCESS[pathname.replace(`/${workspaceSlug}`, "").slice(0, -1)]?.includes(
|
|
userWorkspaceRole as EUserWorkspaceRoles
|
|
);
|
|
|
|
return (
|
|
<>
|
|
<AppHeader header={<WorkspaceSettingHeader />} />
|
|
<MobileWorkspaceSettingsTabs />
|
|
<div className="inset-y-0 flex flex-row vertical-scrollbar scrollbar-lg h-full w-full overflow-y-auto">
|
|
{workspaceUserInfo && !isAuthorized ? (
|
|
<NotAuthorizedView section="settings" />
|
|
) : (
|
|
<>
|
|
<div className="px-page-x !pr-0 py-page-y flex-shrink-0 overflow-y-hidden sm:hidden hidden md:block lg:block">
|
|
<WorkspaceSettingsSidebar />
|
|
</div>
|
|
<div className="flex flex-col relative w-full overflow-hidden">
|
|
<div className="w-full h-full overflow-x-hidden overflow-y-scroll vertical-scrollbar scrollbar-md px-page-x md:px-9 py-page-y">
|
|
{children}
|
|
</div>
|
|
</div>
|
|
</>
|
|
)}
|
|
</div>
|
|
</>
|
|
);
|
|
});
|
|
|
|
export default WorkspaceSettingLayout;
|