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