diff --git a/src/components/welcome/NewSafe.tsx b/src/components/welcome/NewSafe.tsx
index f293cc25d4..409b495b16 100644
--- a/src/components/welcome/NewSafe.tsx
+++ b/src/components/welcome/NewSafe.tsx
@@ -11,6 +11,7 @@ import { useAppSelector } from '@/store'
import { selectTotalAdded } from '@/store/addedSafesSlice'
import drawerCSS from '@/components/sidebar/Sidebar/styles.module.css'
+import useOwnedSafes from '@/hooks/useOwnedSafes'
const BulletListItem = ({ text }: { text: string }) => (
@@ -22,7 +23,10 @@ const BulletListItem = ({ text }: { text: string }) => (
)
const NewSafe = () => {
- const addedSafes = useAppSelector(selectTotalAdded)
+ const numberOfAddedSafes = useAppSelector(selectTotalAdded)
+ const ownedSafes = useOwnedSafes()
+ const numberOfOwnedSafes = Object.values(ownedSafes).reduce((acc, curr) => acc + curr.length, 0)
+ const totalNumberOfSafes = numberOfOwnedSafes + numberOfAddedSafes
const [showSidebar, setShowSidebar] = useState(false)
@@ -46,7 +50,7 @@ const NewSafe = () => {
- {addedSafes > 0 && (
+ {totalNumberOfSafes > 0 ? (
setShowSidebar(true)} expanded={false}>
@@ -56,14 +60,14 @@ const NewSafe = () => {
- My Safe Accounts ({addedSafes})
+ My Safe Accounts ({totalNumberOfSafes})
- )}
+ ) : null}