From 527c4ece5717075515b85bfe1857d88a29ea49da Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Tue, 18 Feb 2025 23:40:13 +0530
Subject: [PATCH] [WEB-3422] fix: app sidebar improvements (#6634)

* chore: sidebar project list improvements

* chore: code refactor
---
 .../workspace/sidebar/projects-list.tsx       | 23 ++-----------------
 1 file changed, 2 insertions(+), 21 deletions(-)

diff --git a/web/core/components/workspace/sidebar/projects-list.tsx b/web/core/components/workspace/sidebar/projects-list.tsx
index 27ae15aace..f3e9f36fa5 100644
--- a/web/core/components/workspace/sidebar/projects-list.tsx
+++ b/web/core/components/workspace/sidebar/projects-list.tsx
@@ -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>
               )}