Merge pull request #81 from which-ecosystem/better-ux

Handle empty states

1 files changed, 5 insertions, 6 deletions

diff --git a/src/containers/Notifications/Notifications.tsx b/src/containers/Notifications/Notifications.tsx
index 0648eb5..2a9ea13 100644
--- a/src/containers/Notifications/Notifications.tsx
+++ b/src/containers/Notifications/Notifications.tsx
@@ -1,11 +1,10 @@
 import React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
-import { Typography } from '@material-ui/core';
+import EmptyState from '../../components/EmptyState/EmptyState';
 
 const useStyles = makeStyles(theme => ({
   root: {
-    marginTop: theme.spacing(25),
-    textAlign: 'center'
+    marginTop: theme.spacing(25)
   }
 }));
 
@@ -13,9 +12,9 @@ const Notifications: React.FC = () => {
   const classes = useStyles();
 
   return (
-    <Typography variant="h4" className={classes.root}>
-      Sorry, this page is being constructed yet.
-    </Typography>
+    <div className={classes.root}>
+      <EmptyState variant="construction" message="We are building this page. Stay tuned." />
+    </div>
   );
 };