[WEB-5614] chore: platform header and breadcrumb enhancements (#8383)

This commit is contained in:
Anmol Singh Bhatia 2025-12-18 18:39:06 +05:30 committed by GitHub
parent 3df58397b5
commit b165e2a3fe
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
16 changed files with 163 additions and 85 deletions

View file

@ -14,6 +14,7 @@ import {
import { usePlatformOS } from "@plane/hooks";
import { useTranslation } from "@plane/i18n";
import { Button } from "@plane/propel/button";
import { IconButton } from "@plane/propel/icon-button";
import { CycleIcon } from "@plane/propel/icons";
import { Tooltip } from "@plane/propel/tooltip";
import type { ICustomSearchSelectOption, IIssueDisplayFilterOptions, IIssueDisplayProperties } from "@plane/types";
@ -236,7 +237,6 @@ export const CycleIssuesHeader = observer(function CycleIssuesHeader() {
<Button
variant="primary"
size="lg"
className="self-start"
onClick={() => {
toggleCreateIssueModal(true, EIssuesStoreType.CYCLE);
}}
@ -247,9 +247,15 @@ export const CycleIssuesHeader = observer(function CycleIssuesHeader() {
)}
</>
)}
<Button variant="ghost" size="lg" onClick={toggleSidebar}>
<PanelRight className={cn("h-4 w-4", !isSidebarCollapsed ? "text-accent-primary" : "text-secondary")} />
</Button>
<IconButton
variant="tertiary"
size="lg"
icon={PanelRight}
onClick={toggleSidebar}
className={cn({
"text-accent-primary bg-accent-subtle": !isSidebarCollapsed,
})}
/>
<CycleQuickActions
parentRef={parentRef}
cycleId={cycleId}

View file

@ -42,6 +42,7 @@ import useLocalStorage from "@/hooks/use-local-storage";
import { usePlatformOS } from "@/hooks/use-platform-os";
// plane web imports
import { CommonProjectBreadcrumbs } from "@/plane-web/components/breadcrumbs/common";
import { IconButton } from "@plane/propel/icon-button";
export const ModuleIssuesHeader = observer(function ModuleIssuesHeader() {
// refs
@ -242,9 +243,15 @@ export const ModuleIssuesHeader = observer(function ModuleIssuesHeader() {
) : (
<></>
)}
<Button variant="ghost" size="lg" onClick={toggleSidebar}>
<PanelRight className={cn("h-4 w-4", !isSidebarCollapsed ? "text-accent-primary" : "text-secondary")} />
</Button>
<IconButton
variant="tertiary"
size="lg"
icon={PanelRight}
onClick={toggleSidebar}
className={cn({
"text-accent-primary bg-accent-subtle": !isSidebarCollapsed,
})}
/>
{moduleId && (
<ModuleQuickActions
parentRef={parentRef}