feat: Add Safe route for dashboard

src/components/SafeListSidebar/SafeList/SafeListItem.tsx

@@ -97,7 +97,7 @@ const SafeListItem = ({
   const handleOpenSafe = (): void => {
     onSafeClick()
     onNetworkSwitch?.()
-    history.push(generateSafeRoute(SAFE_ROUTES.ASSETS_BALANCES, routesSlug))
+    history.push(generateSafeRoute(SAFE_ROUTES.DASHBOARD, routesSlug))
   }
 
   const handleLoadSafe = (): void => {

src/routes/CreateSafePage/components/SafeCreationProcess.tsx

@@ -274,7 +274,7 @@ function SafeCreationProcess(): ReactElement {
 
     const { safeName, safeCreationTxHash, safeAddress } = modalData
     history.push({
-      pathname: generateSafeRoute(SAFE_ROUTES.ASSETS_BALANCES, {
+      pathname: generateSafeRoute(SAFE_ROUTES.DASHBOARD, {
         shortName: getShortName(),
         safeAddress,
       }),

src/routes/LoadSafePage/LoadSafePage.test.tsx

@@ -614,7 +614,7 @@ describe('<LoadSafePage>', () => {
 
       await waitFor(() => {
         expect(historyPushSpy).toHaveBeenCalledWith(
-          generateSafeRoute(SAFE_ROUTES.ASSETS_BALANCES, {
+          generateSafeRoute(SAFE_ROUTES.DASHBOARD, {
             shortName: getShortName(),
             safeAddress: validSafeAddress,
           }),

src/routes/LoadSafePage/LoadSafePage.tsx

@@ -120,7 +120,7 @@ function Load(): ReactElement {
 
     // Go to the newly added Safe
     history.push(
-      generateSafeRoute(SAFE_ROUTES.ASSETS_BALANCES, {
+      generateSafeRoute(SAFE_ROUTES.DASHBOARD, {
         shortName: getShortName(),
         safeAddress: checksummedAddress,
       }),

src/routes/index.tsx

@@ -14,13 +14,14 @@ import {
   LOAD_SAFE_ROUTE,
   getNetworkRootRoutes,
   extractSafeAddress,
-  HOME_ROUTE,
+  SAFE_ROUTES,
+  generateSafeRoute,
 } from './routes'
 import { setChainId } from 'src/logic/config/utils'
 import { setChainIdFromUrl } from 'src/utils/history'
 import { usePageTracking } from 'src/utils/googleTagManager'
+import { getShortName } from 'src/config'
 
-const Home = React.lazy(() => import('./Home'))
 const Welcome = React.lazy(() => import('./welcome/Welcome'))
 const CreateSafePage = React.lazy(() => import('./CreateSafePage/CreateSafePage'))
 const LoadSafePage = React.lazy(() => import('./LoadSafePage/LoadSafePage'))
@@ -81,15 +82,20 @@ const Routes = (): React.ReactElement => {
           }
 
           if (defaultSafe) {
-            return <Redirect to={HOME_ROUTE} />
+            return (
+              <Redirect
+                to={generateSafeRoute(SAFE_ROUTES.DASHBOARD, {
+                  shortName: getShortName(),
+                  safeAddress: defaultSafe,
+                })}
+              />
+            )
           }
 
           return <Redirect to={WELCOME_ROUTE} />
         }}
       />
 
-      <Route component={Home} exact path={HOME_ROUTE} />
-
       <Route component={Welcome} exact path={WELCOME_ROUTE} />
 
       <Route component={CreateSafePage} exact path={OPEN_SAFE_ROUTE} />

src/routes/routes.ts

@@ -41,13 +41,13 @@ export const LOAD_SPECIFIC_SAFE_ROUTE = `/load/:${SAFE_ADDRESS_SLUG}?` // ? = op
 
 // Routes independant of safe/network
 export const ROOT_ROUTE = '/'
-export const HOME_ROUTE = '/home'
 export const WELCOME_ROUTE = '/welcome'
 export const OPEN_SAFE_ROUTE = '/open'
 export const LOAD_SAFE_ROUTE = generatePath(LOAD_SPECIFIC_SAFE_ROUTE) // By providing no slug, we get '/load'
 
 // [SAFE_SECTION_SLUG], [SAFE_SUBSECTION_SLUG] populated safe routes
 export const SAFE_ROUTES = {
+  DASHBOARD: `${ADDRESSED_ROUTE}/home`,
   ASSETS_BALANCES: `${ADDRESSED_ROUTE}/balances`, // [SAFE_SECTION_SLUG] === 'balances'
   ASSETS_BALANCES_COLLECTIBLES: `${ADDRESSED_ROUTE}/balances/collectibles`, // [SAFE_SUBSECTION_SLUG] === 'collectibles'
   TRANSACTIONS: `${ADDRESSED_ROUTE}/transactions`,

src/routes/safe/components/Settings/RemoveSafeModal/index.tsx

@@ -43,7 +43,7 @@ function getDestinationRoute(nextAvailableSafe: SafeRecordProps | undefined) {
     shortName,
     safeAddress: nextAvailableSafe.address,
   }
-  return generateSafeRoute(SAFE_ROUTES.ASSETS_BALANCES, routesSlug)
+  return generateSafeRoute(SAFE_ROUTES.DASHBOARD, routesSlug)
 }
 
 const RemoveSafeModal = ({ isOpen, onClose }: RemoveSafeModalProps): React.ReactElement => {

src/routes/safe/container/index.tsx

@@ -21,6 +21,7 @@ export const ADDRESS_BOOK_TAB_BTN_TEST_ID = 'address-book-tab-btn'
 export const SAFE_VIEW_NAME_HEADING_TEST_ID = 'safe-name-heading'
 export const TRANSACTIONS_TAB_NEW_BTN_TEST_ID = 'transactions-tab-new-btn'
 
+const Home = lazy(() => import('src/routes/Home'))
 const Apps = lazy(() => import('src/routes/safe/components/Apps'))
 const Settings = lazy(() => import('src/routes/safe/components/Settings'))
 const Balances = lazy(() => import('src/routes/safe/components/Balances'))
@@ -87,10 +88,11 @@ const Container = (): React.ReactElement => {
   return (
     <>
       <Switch>
+        <Route exact path={SAFE_ROUTES.DASHBOARD} render={() => wrapInSuspense(<Home />)} />
         <Route
           exact
           path={[SAFE_ROUTES.ASSETS_BALANCES, SAFE_ROUTES.ASSETS_BALANCES_COLLECTIBLES]}
-          render={() => wrapInSuspense(<Balances />, null)}
+          render={() => wrapInSuspense(<Balances />)}
         />
         <Route
           exact
@@ -100,20 +102,20 @@ const Container = (): React.ReactElement => {
             SAFE_ROUTES.TRANSACTIONS_QUEUE,
             SAFE_ROUTES.TRANSACTIONS_SINGULAR,
           ]}
-          render={() => wrapInSuspense(<TxList />, null)}
+          render={() => wrapInSuspense(<TxList />)}
         />
-        <Route exact path={SAFE_ROUTES.ADDRESS_BOOK} render={() => wrapInSuspense(<AddressBookTable />, null)} />
+        <Route exact path={SAFE_ROUTES.ADDRESS_BOOK} render={() => wrapInSuspense(<AddressBookTable />)} />
         <Route
           exact
           path={SAFE_ROUTES.APPS}
           render={({ history }) => {
             if (!featuresEnabled.includes(FEATURES.SAFE_APPS)) {
               history.push(generateSafeRoute(SAFE_ROUTES.ASSETS_BALANCES, extractPrefixedSafeAddress()))
             }
-            return wrapInSuspense(<Apps />, null)
+            return wrapInSuspense(<Apps />)
           }}
         />
-        <Route path={SAFE_ROUTES.SETTINGS} render={() => wrapInSuspense(<Settings />, null)} />
+        <Route path={SAFE_ROUTES.SETTINGS} render={() => wrapInSuspense(<Settings />)} />
         <Redirect to={SAFE_ROUTES.ASSETS_BALANCES} />
       </Switch>
       {modal.isOpen && <GenericModal {...modal} onClose={closeGenericModal} />}