[WEB-3422] fix: app sidebar improvements (#6634)

* chore: sidebar project list improvements

* chore: code refactor
This commit is contained in:
Anmol Singh Bhatia
2025-02-18 23:40:13 +05:30
committed by GitHub
parent 23b0d4339d
commit 527c4ece57

View File

@@ -38,7 +38,7 @@ export const SidebarProjectsList: FC = observer(() => {
// store hooks
const { t } = useTranslation();
const { toggleCreateProjectModal } = useCommandPalette();
const { sidebarCollapsed, toggleExtendedProjectSidebar } = useAppTheme();
const { sidebarCollapsed } = useAppTheme();
const { setTrackElement } = useEventTracker();
const { allowPermissions } = useUserPermissions();
@@ -244,7 +244,7 @@ export const SidebarProjectsList: FC = observer(() => {
static
>
<>
{joinedProjects.slice(0, 7).map((projectId, index) => (
{joinedProjects.map((projectId, index) => (
<SidebarProjectsListItem
key={projectId}
projectId={projectId}
@@ -256,25 +256,6 @@ export const SidebarProjectsList: FC = observer(() => {
handleOnProjectDrop={handleOnProjectDrop}
/>
))}
{joinedProjects.length > 7 && (
<SidebarNavItem
className={`${sidebarCollapsed ? "p-0 size-8 aspect-square justify-center mx-auto" : ""}`}
>
<button
onClick={() => toggleExtendedProjectSidebar()}
id="extended-project-sidebar-toggle"
className={cn(
"flex items-center gap-1.5 text-sm font-medium flex-grow text-custom-text-350",
{
"justify-center": sidebarCollapsed,
}
)}
>
<Ellipsis className="size-4" />
{!sidebarCollapsed && <span>More</span>}
</button>
</SidebarNavItem>
)}
</>
</Disclosure.Panel>
)}