forked from github/plane
9075f9441c
* style: added cta at the bottom of sidebar, added missing icons as well, showing dynamic workspace member count on workspace dropdown * refractor: running parallel request, made create/edit label function to async function * fix: sidebar dropdown content going below kanban items outside click detection in need help dropdown * refractor: making parallel api calls fix: create state input comes at bottom, create state input gets on focus automatically, form is getting submitted on enter click * refactoring file structure and signin page * style: changed text and added spinner for signing in loading * refractor: removed unused type * fix: my issue cta in profile page sending to 404 page * fix: added new s3 bucket url in next.config.js file increased image modal height * packaging UI components * eslint config * eslint fixes * refactoring changes * build fixes * minor fixes * adding todo comments for reference * refactor: cleared unused imports and re ordered imports * refactor: removed unused imports * fix: added workspace argument to useissues hook * refactor: removed api-routes file, unnecessary constants * refactor: created helpers folder, removed unnecessary constants * refactor: new context for issue view * refactoring issues page * build fixes * refactoring * refactor: create issue modal * refactor: module ui * fix: sub-issues mutation * fix: create more option in create issue modal * description form debounce issue * refactor: global component for assignees list * fix: link module interface * fix: priority icons and sub-issues count added * fix: cycle mutation in issue details page * fix: remove issue from cycle mutation * fix: create issue modal in home page * fix: removed unnecessary props * fix: updated create issue form status * fix: settings auth breaking * refactor: issue details page Co-authored-by: Dakshesh Jain <dakshesh.jain14@gmail.com> Co-authored-by: Dakshesh Jain <65905942+dakshesh14@users.noreply.github.com> Co-authored-by: venkatesh-soulpage <venkatesh.marreboyina@soulpageit.com> Co-authored-by: Aaryan Khandelwal <aaryankhandu123@gmail.com> Co-authored-by: Anmol Singh Bhatia <anmolsinghbhatia1001@gmail.com>
38 lines
1.0 KiB
TypeScript
38 lines
1.0 KiB
TypeScript
// ui
|
|
import { Button } from "components/ui";
|
|
// icons
|
|
import { Bars3Icon } from "@heroicons/react/24/outline";
|
|
|
|
type Props = {
|
|
breadcrumbs?: JSX.Element;
|
|
left?: JSX.Element;
|
|
right?: JSX.Element;
|
|
setToggleSidebar: React.Dispatch<React.SetStateAction<boolean>>;
|
|
};
|
|
|
|
const Header: React.FC<Props> = ({ breadcrumbs, left, right, setToggleSidebar }) => {
|
|
return (
|
|
<>
|
|
<div className="flex w-full flex-col gap-y-4 border-b border-gray-200 bg-gray-50 px-5 py-4 lg:flex-row lg:items-center lg:justify-between">
|
|
<div className="flex items-center gap-2">
|
|
<div className="block md:hidden">
|
|
<Button
|
|
type="button"
|
|
theme="secondary"
|
|
className="h-8 w-8"
|
|
onClick={() => setToggleSidebar((prevData) => !prevData)}
|
|
>
|
|
<Bars3Icon className="h-5 w-5" />
|
|
</Button>
|
|
</div>
|
|
{breadcrumbs}
|
|
{left}
|
|
</div>
|
|
{right}
|
|
</div>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default Header;
|