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

1
web/components/headers/index.ts
View file

@ -18,3 +18,4 @@ export * from "./project-draft-issues";
export * from "./project-archived-issue-details";
export * from "./project-archived-issues";
export * from "./project-issue-details";
export * from "./user-profile";

25
web/components/headers/user-profile.tsx Normal file
View file

@ -0,0 +1,25 @@
import { FC } from "react";
import { useRouter } from "next/router";
// ui
import { BreadcrumbItem, Breadcrumbs } from "@plane/ui";
// hooks
import { observer } from "mobx-react-lite";
export const UserProfileHeader: FC = observer(() => {
const router = useRouter();
return (
<div
className={`relative flex w-full flex-shrink-0 flex-row z-10 items-center justify-between gap-x-2 gap-y-4 border-b border-custom-border-200 bg-custom-sidebar-background-100 p-4`}
>
<div className="flex items-center gap-2 flex-grow w-full whitespace-nowrap overflow-ellipsis">
<div>
<Breadcrumbs onBack={() => router.back()}>
<BreadcrumbItem title="User Profile" unshrinkTitle />
</Breadcrumbs>
</div>
</div>
</div>
);
});

9
web/components/profile/navbar.tsx
View file

@ -5,11 +5,9 @@ import Link from "next/link";
// components
import { ProfileIssuesFilter } from "components/profile";
// types
import { UserAuth } from "types";
type Props = {
memberRole: UserAuth;
isAuthorized: boolean;
};
const viewerTabs = [
@ -38,12 +36,11 @@ const adminTabs = [
},
];
export const ProfileNavbar: React.FC<Props> = ({ memberRole }) => {
export const ProfileNavbar: React.FC<Props> = ({ isAuthorized }) => {
const router = useRouter();
const { workspaceSlug, userId } = router.query;
const tabsList =
memberRole.isOwner || memberRole.isMember || memberRole.isViewer ? [...viewerTabs, ...adminTabs] : viewerTabs;
const tabsList = isAuthorized ? [...viewerTabs, ...adminTabs] : viewerTabs;
return (
<div className="sticky -top-0.5 z-[1] md:static px-4 sm:px-5 flex items-center justify-between gap-4 bg-custom-background-100 border-b border-custom-border-300">