From 1d35dd8a80f0ea72306e96c2229a27798ec75ce9 Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Fri, 14 Aug 2020 04:59:45 +0300
Subject: feat: use EmptyState variants

---
 src/containers/Notifications/Notifications.tsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

(limited to 'src/containers/Notifications/Notifications.tsx')

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>
   );
 };
 
-- 
cgit v1.2.3

