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

[WEB-5808] chore: sidebar project list enhancements (#8451)

Browse source 
* chore: sidebar project list enhancements

* chore: code refactor

* chore: code refactor
This commit is contained in:
Anmol Singh Bhatia 2025-12-24 19:53:00 +05:30 • committed by GitHub
parent 5b28327551
commit 55c49cc633
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 4 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

5
apps/web/core/components/workspace/sidebar/projects-list-item.tsx
View file

@ -268,6 +268,8 @@ export const SidebarProjectsListItem = observer(function SidebarProjectsListItem
const isAccordionMode = projectPreferences.navigationMode === "accordion"; const isAccordionMode = projectPreferences.navigationMode === "accordion";
const shouldHighlightProject = URLProjectId === project?.id && projectPreferences.navigationMode !== "accordion";
return ( return (
<> <>
<PublishProjectModal isOpen={publishModalOpen} projectId={projectId} onClose={() => setPublishModal(false)} /> <PublishProjectModal isOpen={publishModalOpen} projectId={projectId} onClose={() => setPublishModal(false)} />
@ -286,6 +288,7 @@ export const SidebarProjectsListItem = observer(function SidebarProjectsListItem
"group/project-item relative w-full px-2 py-1.5 flex items-center rounded-md text-primary hover:bg-layer-transparent-hover", "group/project-item relative w-full px-2 py-1.5 flex items-center rounded-md text-primary hover:bg-layer-transparent-hover",
{ {
"bg-surface-2": isMenuActive, "bg-surface-2": isMenuActive,
"bg-layer-transparent-active": shouldHighlightProject,
} }
)} )}
id={`${project?.id}`} id={`${project?.id}`}
@ -469,7 +472,7 @@ export const SidebarProjectsListItem = observer(function SidebarProjectsListItem
> >
{isProjectListOpen && ( {isProjectListOpen && (
<Disclosure.Panel as="div" className="relative flex flex-col gap-0.5 mt-1 pl-6 mb-1.5"> <Disclosure.Panel as="div" className="relative flex flex-col gap-0.5 mt-1 pl-6 mb-1.5">
<div className="absolute left-[15px] top-0 bottom-1 w-[1px] bg-subtle-1" /> <div className="absolute left-[15px] top-0 bottom-1 w-[1px] bg-layer-3" />
<ProjectNavigationRoot workspaceSlug={workspaceSlug.toString()} projectId={projectId.toString()} /> <ProjectNavigationRoot workspaceSlug={workspaceSlug.toString()} projectId={projectId.toString()} />
</Disclosure.Panel> </Disclosure.Panel>
)} )}