Fix: allow removing counterfactual safes from safe list (safe-global#…

…4643)

* fix: allow removing counterfactual safes from safe list

* fix: handle multi chain CF safes

src/components/sidebar/SafeListRemoveDialog/index.tsx

@@ -7,12 +7,14 @@ import type { ReactElement } from 'react'
 import ModalDialog from '@/components/common/ModalDialog'
 import { useAppDispatch } from '@/store'
 import useAddressBook from '@/hooks/useAddressBook'
-import { removeSafe } from '@/store/addedSafesSlice'
 import Track from '@/components/common/Track'
 import { OVERVIEW_EVENTS, OVERVIEW_LABELS } from '@/services/analytics'
 import { AppRoutes } from '@/config/routes'
 import router from 'next/router'
 import { removeAddressBookEntry } from '@/store/addressBookSlice'
+import { removeSafe, removeUndeployedSafe } from '@/store/slices'
+import useSafeAddress from '@/hooks/useSafeAddress'
+import useChainId from '@/hooks/useChainId'
 
 const SafeListRemoveDialog = ({
   handleClose,
@@ -24,13 +26,20 @@ const SafeListRemoveDialog = ({
   chainId: string
 }): ReactElement => {
   const dispatch = useAppDispatch()
+  const safeAddress = useSafeAddress()
+  const safeChainId = useChainId()
   const addressBook = useAddressBook()
   const trackingLabel =
     router.pathname === AppRoutes.welcome.accounts ? OVERVIEW_LABELS.login_page : OVERVIEW_LABELS.sidebar
 
   const safe = addressBook?.[address] || address
 
-  const handleConfirm = () => {
+  const handleConfirm = async () => {
+    // When removing the current counterfactual safe, redirect to the accounts page
+    if (safeAddress === address && safeChainId === chainId) {
+      await router.push(AppRoutes.welcome.accounts)
+    }
+    dispatch(removeUndeployedSafe({ chainId, address }))
     dispatch(removeSafe({ chainId, address }))
     dispatch(removeAddressBookEntry({ chainId, address }))
     handleClose()