Refactor sidebar links and update project redirects

Simplifies the ProjectSidebarLayout by flattening the sidebar link structure, moving 'Contracts' under the 'Gateway' submenu, and removing the 'Build', 'Monetize', and 'Scale' groupings. Updates project page redirects to match new gateway route structure for 'rpc' and 'indexer' paths.

Author: 0xFirekeeper

apps/dashboard/redirects.js

@@ -116,14 +116,14 @@ const projectPageRedirects = [
     source: `${projectRoute}/connect/analytics`,
   },
   {
-    destination: `${projectRoute}/insight/:path*`,
+    destination: `${projectRoute}/gateway/indexer/:path*`,
     permanent: false,
-    source: `${projectRoute}/gateway/indexer/:path*`,
+    source: `${projectRoute}/insight/:path*`,
   },
   {
-    destination: `${projectRoute}/rpc/:path*`,
+    destination: `${projectRoute}/gateway/rpc/:path*`,
     permanent: false,
-    source: `${projectRoute}/gateway/rpc/:path*`,
+    source: `${projectRoute}/rpc/:path*`,
   },
 ];
 

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

@@ -14,7 +14,6 @@ import {
   type ShadcnSidebarLink,
 } from "@/components/blocks/full-width-sidebar-layout";
 import { BridgeIcon } from "@/icons/BridgeIcon";
-import { ContractIcon } from "@/icons/ContractIcon";
 import { NebulaIcon } from "@/icons/NebulaIcon";
 import { PayIcon } from "@/icons/PayIcon";
 import { TokenIcon } from "@/icons/TokenIcon";
@@ -36,101 +35,79 @@ export function ProjectSidebarLayout(props: {
       separator: true,
     },
     {
-      group: "Build",
+      subMenu: {
+        icon: WalletProductIcon,
+        label: "Wallets",
+      },
       links: [
         {
-          subMenu: {
-            icon: WalletProductIcon,
-            label: "Wallets",
-          },
-          links: [
-            {
-              href: `${props.layoutPath}/wallets/user-wallets`,
-              label: "User Wallets",
-            },
-            {
-              href: `${props.layoutPath}/wallets/server-wallets`,
-              label: "Server Wallets",
-            },
-            {
-              href: `${props.layoutPath}/wallets/sponsored-gas`,
-              label: "Gas Sponsorship",
-            },
-          ],
+          href: `${props.layoutPath}/wallets/user-wallets`,
+          label: "User Wallets",
         },
         {
-          href: `${props.layoutPath}/contracts`,
-          icon: ContractIcon,
-          label: "Contracts",
+          href: `${props.layoutPath}/wallets/server-wallets`,
+          label: "Server Wallets",
         },
         {
-          href: `${props.layoutPath}/ai`,
-          icon: NebulaIcon,
-          label: "AI",
+          href: `${props.layoutPath}/wallets/sponsored-gas`,
+          label: "Gas Sponsorship",
         },
       ],
     },
     {
-      separator: true,
+      href: `${props.layoutPath}/x402`,
+      icon: PayIcon,
+      label: (
+        <span className="flex items-center gap-2">
+          x402 <Badge>New</Badge>
+        </span>
+      ),
+    },
+    {
+      href: `${props.layoutPath}/bridge`,
+      icon: BridgeIcon,
+      label: "Bridge",
+    },
+    {
+      href: `${props.layoutPath}/tokens`,
+      icon: TokenIcon,
+      label: "Tokens",
     },
     {
-      group: "Monetize",
+      href: `${props.layoutPath}/ai`,
+      icon: NebulaIcon,
+      label: "AI",
+    },
+    {
+      subMenu: {
+        icon: RssIcon,
+        label: "Gateway",
+      },
       links: [
         {
-          href: `${props.layoutPath}/x402`,
-          icon: PayIcon,
-          label: (
-            <span className="flex items-center gap-2">
-              x402 <Badge>New</Badge>
-            </span>
-          ),
+          href: `${props.layoutPath}/gateway/rpc`,
+          label: "RPC",
         },
         {
-          href: `${props.layoutPath}/bridge`,
-          icon: BridgeIcon,
-          label: "Bridge",
+          href: `${props.layoutPath}/gateway/indexer`,
+          label: "Indexer",
         },
         {
-          href: `${props.layoutPath}/tokens`,
-          icon: TokenIcon,
-          label: "Tokens",
+          href: `${props.layoutPath}/contracts`,
+          label: "Contracts",
         },
       ],
     },
-    {
-      separator: true,
-    },
-    {
-      group: "Scale",
-      links: [
-        {
-          subMenu: {
-            icon: RssIcon,
-            label: "Gateway",
+    // only show engine link if there the user already has an engine instance
+    ...(props.hasEngines
+      ? [
+          {
+            href: `${props.layoutPath}/engine`,
+            icon: DatabaseIcon,
+            label: "Engine",
           },
-          links: [
-            {
-              href: `${props.layoutPath}/gateway/rpc`,
-              label: "RPC",
-            },
-            {
-              href: `${props.layoutPath}/gateway/indexer`,
-              label: "Indexer",
-            },
-          ],
-        },
-        // only show engine link if there the user already has an engine instance
-        ...(props.hasEngines
-          ? [
-              {
-                href: `${props.layoutPath}/engine`,
-                icon: DatabaseIcon,
-                label: "Engine",
-              },
-            ]
-          : []),
-      ],
-    },
+        ]
+      : []),
   ] satisfies ShadcnSidebarLink[];
 
   const footerSidebarLinks = [