diff --git a/icons/user_op.svg b/icons/user_op.svg
new file mode 100644
index 0000000000..f92a33ebbf
--- /dev/null
+++ b/icons/user_op.svg
@@ -0,0 +1,8 @@
+
diff --git a/lib/hooks/useNavItems.tsx b/lib/hooks/useNavItems.tsx
index 8acba51001..db6978f7aa 100644
--- a/lib/hooks/useNavItems.tsx
+++ b/lib/hooks/useNavItems.tsx
@@ -49,8 +49,7 @@ export default function useNavItems(): ReturnType {
const userOps: NavItem | null = config.features.userOps.isEnabled ? {
text: 'User operations',
nextRoute: { pathname: '/ops' as const },
- // change!!!
- icon: 'top-accounts',
+ icon: 'user_op',
isActive: pathname === '/ops' || pathname === '/op/[hash]',
} : null;
diff --git a/public/icons/name.d.ts b/public/icons/name.d.ts
index 09d8e061ce..b882520cd9 100644
--- a/public/icons/name.d.ts
+++ b/public/icons/name.d.ts
@@ -123,6 +123,7 @@
| "txn_batches"
| "unfinalized"
| "uniswap"
+ | "user_op"
| "verified_token"
| "verified"
| "verify-contract"
diff --git a/ui/shared/entities/userOp/UserOpEntity.pw.tsx b/ui/shared/entities/userOp/UserOpEntity.pw.tsx
index 63da7ac376..c4a8faa3f0 100644
--- a/ui/shared/entities/userOp/UserOpEntity.pw.tsx
+++ b/ui/shared/entities/userOp/UserOpEntity.pw.tsx
@@ -6,26 +6,26 @@ import TestApp from 'playwright/TestApp';
import UserOpEntity from './UserOpEntity';
const hash = '0x376db52955d5bce114d0ccea2dcf22289b4eae1b86bcae5a59bb5fdbfef48899';
-// const iconSizes = [ 'md', 'lg' ];
+const iconSizes = [ 'md', 'lg' ];
test.use({ viewport: { width: 180, height: 30 } });
-// test.describe('icon size', () => {
-// iconSizes.forEach((size) => {
-// test(size, async({ mount }) => {
-// const component = await mount(
-//
-//
-// ,
-// );
+test.describe('icon size', () => {
+ iconSizes.forEach((size) => {
+ test(size, async({ mount }) => {
+ const component = await mount(
+
+
+ ,
+ );
-// await expect(component).toHaveScreenshot();
-// });
-// });
-// });
+ await expect(component).toHaveScreenshot();
+ });
+ });
+});
test('loading', async({ mount }) => {
const component = await mount(
diff --git a/ui/shared/entities/userOp/UserOpEntity.tsx b/ui/shared/entities/userOp/UserOpEntity.tsx
index 226cdfc671..a573895ba3 100644
--- a/ui/shared/entities/userOp/UserOpEntity.tsx
+++ b/ui/shared/entities/userOp/UserOpEntity.tsx
@@ -21,18 +21,19 @@ const Link = chakra((props: LinkProps) => {
);
});
-// type IconProps = Omit & {
-// name?: EntityBase.IconBaseProps['name'];
-// };
-
-// const Icon = (props: IconProps) => {
-// return (
-//
-// );
-// };
+type IconProps = Omit & {
+ name?: EntityBase.IconBaseProps['name'];
+};
+
+const Icon = (props: IconProps) => {
+ return (
+
+ );
+};
type ContentProps = Omit & Pick;
@@ -70,7 +71,7 @@ const UserOpEntity = (props: EntityProps) => {
return (
- { /* */ }
+
@@ -84,7 +85,7 @@ export default React.memo(chakra(UserOpEntity));
export {
Container,
Link,
- // Icon,
+ Icon,
Content,
Copy,
};
diff --git a/ui/shared/entities/userOp/__screenshots__/UserOpEntity.pw.tsx_dark-color-mode_with-copy-dark-mode-1.png b/ui/shared/entities/userOp/__screenshots__/UserOpEntity.pw.tsx_dark-color-mode_with-copy-dark-mode-1.png
index b3172a660d..a152751d58 100644
Binary files a/ui/shared/entities/userOp/__screenshots__/UserOpEntity.pw.tsx_dark-color-mode_with-copy-dark-mode-1.png and b/ui/shared/entities/userOp/__screenshots__/UserOpEntity.pw.tsx_dark-color-mode_with-copy-dark-mode-1.png differ
diff --git a/ui/shared/entities/userOp/__screenshots__/UserOpEntity.pw.tsx_default_customization-1.png b/ui/shared/entities/userOp/__screenshots__/UserOpEntity.pw.tsx_default_customization-1.png
index cd9d42a3b2..4a414ddb6e 100644
Binary files a/ui/shared/entities/userOp/__screenshots__/UserOpEntity.pw.tsx_default_customization-1.png and b/ui/shared/entities/userOp/__screenshots__/UserOpEntity.pw.tsx_default_customization-1.png differ
diff --git a/ui/shared/entities/userOp/__screenshots__/UserOpEntity.pw.tsx_default_icon-size-lg-1.png b/ui/shared/entities/userOp/__screenshots__/UserOpEntity.pw.tsx_default_icon-size-lg-1.png
new file mode 100644
index 0000000000..12cc37007e
Binary files /dev/null and b/ui/shared/entities/userOp/__screenshots__/UserOpEntity.pw.tsx_default_icon-size-lg-1.png differ
diff --git a/ui/shared/entities/userOp/__screenshots__/UserOpEntity.pw.tsx_default_icon-size-md-1.png b/ui/shared/entities/userOp/__screenshots__/UserOpEntity.pw.tsx_default_icon-size-md-1.png
new file mode 100644
index 0000000000..c9a8b8e705
Binary files /dev/null and b/ui/shared/entities/userOp/__screenshots__/UserOpEntity.pw.tsx_default_icon-size-md-1.png differ
diff --git a/ui/shared/entities/userOp/__screenshots__/UserOpEntity.pw.tsx_default_loading-1.png b/ui/shared/entities/userOp/__screenshots__/UserOpEntity.pw.tsx_default_loading-1.png
index ab1614716a..67273105f8 100644
Binary files a/ui/shared/entities/userOp/__screenshots__/UserOpEntity.pw.tsx_default_loading-1.png and b/ui/shared/entities/userOp/__screenshots__/UserOpEntity.pw.tsx_default_loading-1.png differ
diff --git a/ui/shared/entities/userOp/__screenshots__/UserOpEntity.pw.tsx_default_with-copy-dark-mode-1.png b/ui/shared/entities/userOp/__screenshots__/UserOpEntity.pw.tsx_default_with-copy-dark-mode-1.png
index a01d63287f..c87439141b 100644
Binary files a/ui/shared/entities/userOp/__screenshots__/UserOpEntity.pw.tsx_default_with-copy-dark-mode-1.png and b/ui/shared/entities/userOp/__screenshots__/UserOpEntity.pw.tsx_default_with-copy-dark-mode-1.png differ