binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: layout refactor (#2532)

Browse source 
* chore: layout refactor

* fix: profile auth issue

* chore: project setting layout refactor

* chore: workspace layout refactor

* chore: profile layout refactor

* chore: layout import refactor
This commit is contained in:
Anmol Singh Bhatia 2023-10-25 15:48:57 +05:30 • committed by GitHub
parent d72d3da6de
commit cea39c758e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
39 changed files with 1496 additions and 2030 deletions
Download patch file Download diff file Expand all files Collapse all files

53
web/pages/[workspaceSlug]/projects/[projectId]/settings/index.tsx
View file

@ -3,7 +3,8 @@ import { useRouter } from "next/router";
import useSWR from "swr";
// layouts
import { ProjectSettingLayout } from "layouts/setting-layout/project-setting-layout";
import { AppLayout } from "layouts/app-layout";
import { ProjectSettingLayout } from "layouts/setting-layout";
// components
import { ProjectSettingHeader } from "components/headers";
import {
@ -18,9 +19,6 @@ import type { NextPage } from "next";
import { useMobxStore } from "lib/mobx/store-provider";
import { observer } from "mobx-react-lite";
// services
// const projectService = new ProjectService();
const GeneralSettings: NextPage = observer(() => {
const { project: projectStore } = useMobxStore();
// states
@ -42,33 +40,34 @@ const GeneralSettings: NextPage = observer(() => {
// const selectedNetwork = NETWORK_CHOICES.find((n) => n.key === watch("network"));
const isAdmin = projectDetails?.member_role === 20;
console.log("isAdmin", isAdmin);
return (
<ProjectSettingLayout header={<ProjectSettingHeader title="General Settings" />}>
{projectDetails && (
<DeleteProjectModal
project={projectDetails}
isOpen={Boolean(selectProject)}
onClose={() => setSelectedProject(null)}
/>
)}
<div className={`pr-9 py-8 w-full overflow-y-auto ${isAdmin ? "" : "opacity-60"}`}>
{projectDetails && workspaceSlug ? (
<ProjectDetailsForm project={projectDetails} workspaceSlug={workspaceSlug.toString()} isAdmin={isAdmin} />
) : (
<ProjectDetailsFormLoader />
)}
{isAdmin && (
<DeleteProjectSection
projectDetails={projectDetails}
handleDelete={() => setSelectedProject(projectDetails.id ?? null)}
<AppLayout header={<ProjectSettingHeader title="General Settings" />} withProjectWrapper>
<ProjectSettingLayout>
{projectDetails && (
<DeleteProjectModal
project={projectDetails}
isOpen={Boolean(selectProject)}
onClose={() => setSelectedProject(null)}
/>
)}
</div>
</ProjectSettingLayout>
<div className={`pr-9 py-8 w-full overflow-y-auto ${isAdmin ? "" : "opacity-60"}`}>
{projectDetails && workspaceSlug ? (
<ProjectDetailsForm project={projectDetails} workspaceSlug={workspaceSlug.toString()} isAdmin={isAdmin} />
) : (
<ProjectDetailsFormLoader />
)}
{isAdmin && (
<DeleteProjectSection
projectDetails={projectDetails}
handleDelete={() => setSelectedProject(projectDetails.id ?? null)}
/>
)}
</div>
</ProjectSettingLayout>
</AppLayout>
);
});