53 lines
1.6 KiB
TypeScript
53 lines
1.6 KiB
TypeScript
/**
|
|
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
* See the LICENSE file for details.
|
|
*/
|
|
|
|
import { observer } from "mobx-react";
|
|
import { Shapes } from "lucide-react";
|
|
// plane imports
|
|
import { useTranslation } from "@plane/i18n";
|
|
import { Button } from "@plane/propel/button";
|
|
import { HomeIcon } from "@plane/propel/icons";
|
|
import { Breadcrumbs, Header } from "@plane/ui";
|
|
// components
|
|
import { BreadcrumbLink } from "@/components/common/breadcrumb-link";
|
|
// hooks
|
|
import { useHome } from "@/hooks/store/use-home";
|
|
|
|
export const WorkspaceDashboardHeader = observer(function WorkspaceDashboardHeader() {
|
|
// plane hooks
|
|
const { t } = useTranslation();
|
|
// hooks
|
|
const { toggleWidgetSettings } = useHome();
|
|
|
|
return (
|
|
<>
|
|
<Header>
|
|
<Header.LeftItem>
|
|
<div className="flex items-center gap-2">
|
|
<Breadcrumbs>
|
|
<Breadcrumbs.Item
|
|
component={
|
|
<BreadcrumbLink label={t("home.title")} icon={<HomeIcon className="h-4 w-4 text-tertiary" />} />
|
|
}
|
|
/>
|
|
</Breadcrumbs>
|
|
</div>
|
|
</Header.LeftItem>
|
|
<Header.RightItem>
|
|
<Button
|
|
variant="secondary"
|
|
size="lg"
|
|
onClick={() => toggleWidgetSettings(true)}
|
|
className="my-auto mb-0"
|
|
prependIcon={<Shapes />}
|
|
>
|
|
<div className="hidden sm:hidden md:block">{t("home.manage_widgets")}</div>
|
|
</Button>
|
|
</Header.RightItem>
|
|
</Header>
|
|
</>
|
|
);
|
|
});
|