Refactor sidebar structure for better organization of Account Abstrac…

…tion links
thirdweb-dev · Aug 1, 2024 · 387bdb7 · 387bdb7
1 parent ce404f1
commit 387bdb7
Showing 1 changed file with 26 additions and 17 deletions.
diff --git a/src/app/typescript/v5/sidebar.tsx b/src/app/typescript/v5/sidebar.tsx
@@ -119,23 +119,32 @@ export const sidebar: SideBar = {
 				{
 					name: "Account Abstraction",
 					links: [
-						"smartWallet",
-						"addAdmin",
-						"removeAdmin",
-						"addSessionKey",
-						"removeSessionKey",
-						"getAccountsOfSigner",
-						"getAllActiveSigners",
-						"getPermissionsForSigner",
-						"createUnsignedUserOp",
-						"signUserOp",
-						"bundleUserOp",
-						"waitForUserOpReceipt",
-					].map((name) => ({
-						name,
-						href: `${slug}/${name}`,
-						icon: <CodeIcon />,
-					})),
+						...[
+							"smartWallet",
+							"signUserOp",
+							"bundleUserOp",
+							"waitForUserOpReceipt",
+						].map((name) => ({
+							name,
+							href: `${slug}/${name}`,
+							icon: <CodeIcon />,
+						})),
+						{ separator: true },
+						...[
+							"addAdmin",
+							"removeAdmin",
+							"addSessionKey",
+							"removeSessionKey",
+							"getAccountsOfSigner",
+							"getAllActiveSigners",
+							"getPermissionsForSigner",
+							"createUnsignedUserOp",
+						].map((name) => ({
+							name,
+							href: `${slug}/erc4337/${name}`,
+							icon: <CodeIcon />,
+						})),
+					],
 				},
 				{
 					name: "Auth (SIWE)",