119. Removed managers and settings section

Soumyadas15 · Apr 5, 2024 · c85f06d · c85f06d
1 parent a1fd7f8
commit c85f06d
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 26 deletions.
diff --git a/app/main/managers/page.tsx b/app/main/managers/page.tsx
diff --git a/components/sidebar/Sidebar.tsx b/components/sidebar/Sidebar.tsx
@@ -50,13 +50,13 @@ export const Sidebar = ({
                         isActive = {pathname?.startsWith('/main/projects')}
 
                     />
-                    <SidebarItem 
+                    {/* <SidebarItem 
                         label="Managers"  
                         to="main/managers"
                         icon={ <User/>}
                         highlight="text-green-600"
                         isActive = {pathname?.startsWith('/main/managers')}
-                    />
+                    /> */}
                     {user.role !== "CLIENT" && (
                         <SidebarItem 
                             label="Dashboard"  
@@ -75,13 +75,13 @@ export const Sidebar = ({
                             isActive = {pathname?.startsWith('/main/flows')}
                         />
                     )}
-                    <SidebarItem 
+                    {/* <SidebarItem 
                         label="Settings"  
                         to="main/settings"
                         icon={ <Settings/>}
                         highlight="text-green-600"
                         isActive = {pathname?.startsWith('/main/settings')}
-                    />
+                    /> */}
                 </div>
 
             </div>

diff --git a/components/ui/animated-tooltip.tsx b/components/ui/animated-tooltip.tsx
@@ -34,9 +34,13 @@ export const AnimatedTooltip = ({ items }: AnimatedTooltipProps) => {
     translateX.set(0);
   };
 
+  // Logic to handle items greater than 4
+  const visibleItems = items.slice(0, 4);
+  const remainingCount = items.length - visibleItems.length;
+
   return (
     <>
-      {items.map((item, idx) => (
+      {visibleItems.map((item, idx) => (
         <div
           className="-mr-4 relative group"
           key={item.name}
@@ -81,6 +85,11 @@ export const AnimatedTooltip = ({ items }: AnimatedTooltipProps) => {
           </div>
         </div>
       ))}
+      {remainingCount > 0 && (
+        <div className="flex items-center bg-white w-14 h-14 justify-center rounded-full group-hover:scale-105 group-hover:z-30">
+          +{remainingCount}
+        </div>
+      )}
     </>
   );
-};
+};