diff options
Diffstat (limited to 'src/components/EmptyState/EmptyState.tsx')
-rw-r--r-- | src/components/EmptyState/EmptyState.tsx | 11 |
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> ); }; |