aboutsummaryrefslogtreecommitdiff
path: root/src/components/EmptyState/EmptyState.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/EmptyState/EmptyState.tsx')
-rw-r--r--src/components/EmptyState/EmptyState.tsx11
1 files changed, 10 insertions, 1 deletions
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>
);
};