diff --git a/src/routes/Home/index.tsx b/src/routes/Home/index.tsx new file mode 100644 index 0000000000..90fbad815c --- /dev/null +++ b/src/routes/Home/index.tsx @@ -0,0 +1,48 @@ +import { ReactElement } from 'react' +import styled from 'styled-components' +import { Breadcrumb, BreadcrumbElement, Menu } from '@gnosis.pm/safe-react-components' + +import Page from 'src/components/layout/Page' +import Row from 'src/components/layout/Row' +import Col from 'src/components/layout/Col' + +const Card = styled.div` + background: #fff; + padding: 0 20px 30px; + border-radius: 8px; + flex: 1; + max-width: 500px; + margin: 10px; +` + +function Home(): ReactElement { + return ( + + + + + + + + + + + + + +

Owned Safes

+
+ + +

Transactions to Sign

+
+ + +

Gas Fees

+
+
+
+ ) +} + +export default Home diff --git a/src/routes/index.tsx b/src/routes/index.tsx index d47eae9d2e..13a232d2b0 100644 --- a/src/routes/index.tsx +++ b/src/routes/index.tsx @@ -6,22 +6,21 @@ import { Redirect, Route, Switch, useLocation } from 'react-router-dom' import { LoadingContainer } from 'src/components/LoaderContainer' import { lastViewedSafe } from 'src/logic/currentSession/store/selectors' import { - generateSafeRoute, LOAD_SPECIFIC_SAFE_ROUTE, OPEN_SAFE_ROUTE, ADDRESSED_ROUTE, - SAFE_ROUTES, WELCOME_ROUTE, ROOT_ROUTE, LOAD_SAFE_ROUTE, getNetworkRootRoutes, extractSafeAddress, + HOME_ROUTE, } from './routes' -import { getShortName } from 'src/config' import { setChainId } from 'src/logic/config/utils' import { setChainIdFromUrl } from 'src/utils/history' import { usePageTracking } from 'src/utils/googleTagManager' +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')) @@ -82,20 +81,15 @@ const Routes = (): React.ReactElement => { } if (defaultSafe) { - return ( - - ) + return } return }} /> + + diff --git a/src/routes/routes.ts b/src/routes/routes.ts index b21c5353a6..b04a1d20da 100644 --- a/src/routes/routes.ts +++ b/src/routes/routes.ts @@ -41,6 +41,7 @@ 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'