From 397b0efdca20d227e8d3c89b740454d5830b64f7 Mon Sep 17 00:00:00 2001
From: Joaquim Verges <joaquim.verges@gmail.com>
Date: Fri, 2 Aug 2024 09:03:31 +1200
Subject: [PATCH] Refactor sidebar structure for better organization of Account
 Abstraction links (#548)

---
 src/app/typescript/v5/sidebar.tsx | 43 +++++++++++++++++++------------
 1 file changed, 26 insertions(+), 17 deletions(-)

diff --git a/src/app/typescript/v5/sidebar.tsx b/src/app/typescript/v5/sidebar.tsx
index 372c243b..18a3a687 100644
--- 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)",