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

[WEB-1759] fix: project dropdown action (#5088)

Browse source 
* fix: project dropdown action

* chore: added redirection for collapsed sidebar

* fix: disclosure panel close issue

* fix: removed redundancy

* fix: truncate issue
This commit is contained in:
Akshita Goyal 2024-07-11 20:20:32 +05:30 • committed by GitHub
parent dd3b0f6a3f
commit f06095f120
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 24 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -317,11 +317,18 @@ export const SidebarProjectsListItem: React.FC<Props> = observer((props) => {
</Tooltip> </Tooltip>
)} )}
{isSidebarCollapsed ? ( {isSidebarCollapsed ? (
<Link
href={`/${workspaceSlug}/projects/${project.id}/issues`}
className={cn("flex-grow flex items-center gap-1.5 truncate text-left select-none", {
"justify-center": isSidebarCollapsed,
})}
>
<Disclosure.Button as="button" className="size-8 aspect-square flex-shrink-0 grid place-items-center"> <Disclosure.Button as="button" className="size-8 aspect-square flex-shrink-0 grid place-items-center">
<div className="size-4 grid place-items-center flex-shrink-0"> <div className="size-4 grid place-items-center flex-shrink-0">
<Logo logo={project.logo_props} size={16} /> <Logo logo={project.logo_props} size={16} />
</div> </div>
</Disclosure.Button> </Disclosure.Button>
</Link>
) : ( ) : (
<> <>
<Tooltip <Tooltip
@ -330,18 +337,19 @@ export const SidebarProjectsListItem: React.FC<Props> = observer((props) => {
disabled={!isSidebarCollapsed} disabled={!isSidebarCollapsed}
isMobile={isMobile} isMobile={isMobile}
> >
<Link <Link href={`/${workspaceSlug}/projects/${project.id}/issues`} className="flex-grow flex truncate">
href={`/${workspaceSlug}/projects/${project.id}/issues`} <Disclosure.Button
className={cn("flex-grow flex items-center gap-1.5 truncate text-left select-none", { as="button"
type="button"
className={cn("flex-grow flex items-center gap-1.5 text-left select-none w-full", {
"justify-center": isSidebarCollapsed, "justify-center": isSidebarCollapsed,
})} })}
> >
<div className="size-4 grid place-items-center flex-shrink-0"> <div className="size-4 grid place-items-center flex-shrink-0">
<Logo logo={project.logo_props} size={16} /> <Logo logo={project.logo_props} size={16} />
</div> </div>
{!isSidebarCollapsed && (
<p className="truncate text-sm font-medium text-custom-sidebar-text-200">{project.name}</p> <p className="truncate text-sm font-medium text-custom-sidebar-text-200">{project.name}</p>
)} </Disclosure.Button>
</Link> </Link>
</Tooltip> </Tooltip>
<CustomMenu <CustomMenu
@ -451,7 +459,6 @@ export const SidebarProjectsListItem: React.FC<Props> = observer((props) => {
</> </>
)} )}
</div> </div>
<Transition <Transition
enter="transition duration-100 ease-out" enter="transition duration-100 ease-out"
enterFrom="transform scale-95 opacity-0" enterFrom="transform scale-95 opacity-0"