From 33acfcb2b25462038cb0a0f3f33b3277a7195c7a Mon Sep 17 00:00:00 2001
From: James Mealy <james@safe.global>
Date: Fri, 9 Feb 2024 14:46:06 +0000
Subject: [PATCH] add secondary action menu for safe list

---
 src/components/welcome/MyAccounts/AccountItem.tsx  | 14 ++++++++------
 .../welcome/MyAccounts/styles.module.css           | 11 +++++++++++
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/components/welcome/MyAccounts/AccountItem.tsx b/src/components/welcome/MyAccounts/AccountItem.tsx
index 21b0ecc271..0288ceb00f 100644
--- a/src/components/welcome/MyAccounts/AccountItem.tsx
+++ b/src/components/welcome/MyAccounts/AccountItem.tsx
@@ -11,6 +11,7 @@ import ChainIndicator from '@/components/common/ChainIndicator'
 import css from './styles.module.css'
 import { selectAllAddressBooks } from '@/store/addressBookSlice'
 import { shortenAddress } from '@/utils/formatters'
+import SafeListContextMenu from '@/components/sidebar/SafeListContextMenu'
 
 type AccountItemProps = {
   chainId: string
@@ -34,9 +35,9 @@ const AccountItem = ({ chainId, address, ...rest }: AccountItemProps) => {
   const name = useAppSelector(selectAllAddressBooks)[chainId]?.[address]
 
   return (
-    <Track {...OVERVIEW_EVENTS.OPEN_SAFE} label={OPEN_SAFE_LABELS.login_page}>
-      <Link href={href}>
-        <ListItemButton className={css.listItem}>
+    <ListItemButton className={css.listItem}>
+      <Track {...OVERVIEW_EVENTS.OPEN_SAFE} label={OPEN_SAFE_LABELS.login_page}>
+        <Link href={href} className={css.safeLink}>
           <SafeIcon address={address} {...rest} />
 
           <Typography variant="body2" component="div">
@@ -54,9 +55,10 @@ const AccountItem = ({ chainId, address, ...rest }: AccountItemProps) => {
           <Box flex={1} />
 
           <ChainIndicator chainId={chainId} />
-        </ListItemButton>
-      </Link>
-    </Track>
+        </Link>
+      </Track>
+      <SafeListContextMenu name={name} address={address} chainId={chainId} />
+    </ListItemButton>
   )
 }
 
diff --git a/src/components/welcome/MyAccounts/styles.module.css b/src/components/welcome/MyAccounts/styles.module.css
index a391717b4c..7d16aa0528 100644
--- a/src/components/welcome/MyAccounts/styles.module.css
+++ b/src/components/welcome/MyAccounts/styles.module.css
@@ -6,3 +6,14 @@
   padding-top: var(--space-2);
   padding-bottom: var(--space-2);
 }
+
+.listItem> :first-child {
+  display: block;
+  flex: 1;
+}
+
+.safeLink {
+  display: flex;
+  gap: var(--space-2);
+  align-items: center;
+}
\ No newline at end of file