From c30f59c85d8c57a9250635d96e3a295345c45ba7 Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Fri, 14 Aug 2020 04:31:15 +0300
Subject: feat: add message to EmptyState

---
 src/components/EmptyState/EmptyState.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

(limited to 'src/components/EmptyState/EmptyState.tsx')

diff --git a/src/components/EmptyState/EmptyState.tsx b/src/components/EmptyState/EmptyState.tsx
index b103e3c..f6a6363 100644
--- a/src/components/EmptyState/EmptyState.tsx
+++ b/src/components/EmptyState/EmptyState.tsx
@@ -3,6 +3,10 @@ import Typography from '@material-ui/core/Typography';
 import { makeStyles } from '@material-ui/core/styles';
 import noContentIcon from '../../assets/noContent.svg';
 
+interface PropTypes {
+  message?: string;
+}
+
 const useStyles = makeStyles(theme => ({
   root: {
     display: 'flex',
@@ -17,7 +21,7 @@ const useStyles = makeStyles(theme => ({
 
 }));
 
-const EmptyState: React.FC = () => {
+const EmptyState: React.FC<PropTypes> = ({ message }) => {
   const classes = useStyles();
 
   return (
@@ -26,6 +30,11 @@ const EmptyState: React.FC = () => {
       <Typography variant="h5">
         No content
       </Typography>
+      <Typography color="textSecondary">
+        <p>
+          {message}
+        </p>
+      </Typography>
     </div>
   );
 };
-- 
cgit v1.2.3

