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}