Add NavTop

Author: alexandrudanpop

packages/react-ui/src/app/features/navigation/side-menu/dashboard/dashboard-side-menu.tsx

@@ -14,6 +14,7 @@ import { useAnalyticsLinks } from '@/app/features/navigation/lib/analytics-links
 import { useMenuLinks } from '@/app/features/navigation/lib/menu-links-hook';
 import { DashboardSideMenuHeader } from '@/app/features/navigation/side-menu/dashboard/dashboard-side-menu-header';
 import { SideMenuFooter } from '@/app/features/navigation/side-menu/side-menu-footer';
+import { NavTop } from '@/app/features/workspaces/components/nav-top';
 import { usersApi } from '@/app/lib/users-api';
 import { isValidISODate } from '@/app/lib/utils';
 import { useAppStore } from '@/app/store/app-store';
@@ -65,7 +66,11 @@ export function DashboardSideMenu() {
       MenuHeader={<DashboardSideMenuHeader />}
       MenuFooter={<SideMenuFooter isMinimized={isSidebarMinimized} />}
     >
-      <SideMenuNavigation links={menuLinks} isMinimized={isSidebarMinimized} />
+      <SideMenuNavigation
+        links={menuLinks}
+        isMinimized={isSidebarMinimized}
+        NavTop={<NavTop isSidebarMinimized={isSidebarMinimized} />}
+      />
       <div className="flex flex-col justify-between h-full overflow-hidden">
         {isWorkflowsPage && !isSidebarMinimized && (
           <ScrollArea className="border-t">

packages/react-ui/src/app/features/workspaces/components/nav-top.tsx

@@ -0,0 +1,7 @@
+export const NavTop = ({
+  isSidebarMinimized,
+}: {
+  isSidebarMinimized: boolean;
+}) => {
+  return null;
+};

packages/react-ui/src/app/lib/project-api.ts

@@ -18,6 +18,6 @@ export const projectApi = {
     return api.get<Project>(`/v1/users/projects/${projectId}`);
   },
   getAll: async () => {
-    return api.get<Project>(`/v1/users/projects`);
+    return api.get<Project[]>(`/v1/users/projects`);
   },
 };

packages/ui-components/src/components/sidebar/side-menu-navigation.tsx

@@ -4,26 +4,34 @@ import { MenuLink } from './types';
 type SideMenuNavigationProps = {
   links: MenuLink[];
   isMinimized: boolean;
+  NavTop?: React.ReactNode;
+  NavBottom?: React.ReactNode;
 };
 
 const SideMenuNavigation = ({
   links,
   isMinimized,
-}: SideMenuNavigationProps) => (
-  <nav className="flex flex-col w-full gap-1 py-3 px-3">
-    {links.map((link, index) => (
-      <MenuNavigationItem
-        to={link.to}
-        target={link.target}
-        label={link.label}
-        Icon={link.icon}
-        key={index}
-        isMinimized={isMinimized}
-        isComingSoon={link.isComingSoon}
-      />
-    ))}
-  </nav>
-);
+  NavTop,
+  NavBottom,
+}: SideMenuNavigationProps) => {
+  return (
+    <nav className="flex flex-col w-full gap-1 py-3 px-3">
+      {NavTop}
+      {links.map((link, index) => (
+        <MenuNavigationItem
+          to={link.to}
+          target={link.target}
+          label={link.label}
+          Icon={link.icon}
+          key={index}
+          isMinimized={isMinimized}
+          isComingSoon={link.isComingSoon}
+        />
+      ))}
+      {NavBottom}
+    </nav>
+  );
+};
 
 SideMenuNavigation.displayName = 'SideMenuNavigation';
 export { SideMenuNavigation };