Merge pull request #59 from which-ecosystem/pages

Markup landing page and blank notifications page

1 files changed, 5 insertions, 3 deletions

diff --git a/src/pages/Page.tsx b/src/pages/Page.tsx
index f6353b2..24487f3 100644
--- a/src/pages/Page.tsx
+++ b/src/pages/Page.tsx
@@ -4,13 +4,13 @@ import { SnackbarProvider } from 'notistack';
 import ProfilePage from './ProfilePage/ProfilePage';
 import FeedPage from './FeedPage/FeedPage';
 import AuthPage from './AuthPage/AuthPage';
+import HomePage from './HomePage/HomePage';
+import NotificationsPage from './NotificationsPage/NotificationsPage';
 import { useNavigate } from '../hooks/useNavigate';
 
 const useStyles = makeStyles(theme => ({
   root: {
-    width: theme.spacing(75),
-    marginTop: theme.spacing(15),
-    margin: '0 auto'
+    margin: theme.spacing(15, 5, 5, 8)
   }
 }));
 
@@ -27,9 +27,11 @@ const Page: React.FC = () => {
       }}
     >
       <div className={classes.root}>
+        { page.prefix === 'home' && <HomePage />}
         { page.prefix === 'profile' && <ProfilePage />}
         { page.prefix === 'feed' && <FeedPage /> }
         { page.prefix === 'auth' && <AuthPage /> }
+        { page.prefix === 'notifications' && <NotificationsPage /> }
       </div>
     </SnackbarProvider>
   );