Always show Engine in sidebar regardless of instances (#7929)

Author: jnsdls

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/components/ProjectSidebarLayout.tsx

@@ -23,7 +23,6 @@ import { WalletProductIcon } from "@/icons/WalletProductIcon";
 export function ProjectSidebarLayout(props: {
   layoutPath: string;
   children: React.ReactNode;
-  hasEngineInstances: boolean;
 }) {
   return (
     <FullWidthSidebarLayout
@@ -110,17 +109,12 @@ export function ProjectSidebarLayout(props: {
               icon: LockIcon,
               label: "Vault",
             },
-            ...(props.hasEngineInstances
-              ? [
-                  {
-                    href: `${props.layoutPath}/engine`,
-                    icon: DatabaseIcon,
-                    label: (
-                      <span className="flex items-center gap-2">Engine</span>
-                    ),
-                  },
-                ]
-              : []),
+            // linkely want to move this to `team` level eventually
+            {
+              href: `${props.layoutPath}/engine`,
+              icon: DatabaseIcon,
+              label: "Engine",
+            },
           ],
         },
       ]}

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/layout.tsx

@@ -12,7 +12,6 @@ import { TeamHeaderLoggedIn } from "../../../components/TeamHeader/team-header-l
 import { StaffModeNotice } from "../../(team)/_components/StaffModeNotice";
 import { ProjectSidebarLayout } from "./components/ProjectSidebarLayout";
 import { SaveLastUsedProject } from "./components/SaveLastUsedProject";
-import { getEngineInstances } from "./engine/_utils/getEngineInstances";
 
 export default async function ProjectLayout(props: {
   children: React.ReactNode;
@@ -56,13 +55,6 @@ export default async function ProjectLayout(props: {
     teamId: team.id,
   });
 
-  const engineInstances = await getEngineInstances({
-    authToken: authToken,
-    teamIdOrSlug: project.teamId,
-  });
-
-  const hasEngineInstances = !!engineInstances.data?.length;
-
   const isStaffMode = !teams.some((t) => t.slug === team.slug);
 
   return (
@@ -80,10 +72,7 @@ export default async function ProjectLayout(props: {
             teamsAndProjects={teamsAndProjects}
           />
         </div>
-        <ProjectSidebarLayout
-          layoutPath={layoutPath}
-          hasEngineInstances={hasEngineInstances}
-        >
+        <ProjectSidebarLayout layoutPath={layoutPath}>
           {props.children}
         </ProjectSidebarLayout>
       </div>