diff --git a/packages/core/src/components/EmptyState/EmptyState.tsx b/packages/core/src/components/EmptyState/EmptyState.tsx index 1af5ff6dd5..fdd9738735 100644 --- a/packages/core/src/components/EmptyState/EmptyState.tsx +++ b/packages/core/src/components/EmptyState/EmptyState.tsx @@ -33,7 +33,7 @@ const useStyles = makeStyles(theme => ({ type Props = { title: string; - description?: string; + description?: string | JSX.Element; missing: 'field' | 'info' | 'content' | 'data'; action?: JSX.Element; }; diff --git a/packages/core/src/components/EmptyState/MissingAnnotationEmptyState.tsx b/packages/core/src/components/EmptyState/MissingAnnotationEmptyState.tsx index d8847fdf47..1c27ba27d3 100644 --- a/packages/core/src/components/EmptyState/MissingAnnotationEmptyState.tsx +++ b/packages/core/src/components/EmptyState/MissingAnnotationEmptyState.tsx @@ -48,11 +48,17 @@ const useStyles = makeStyles(theme => ({ export const MissingAnnotationEmptyState = ({ annotation }: Props) => { const classes = useStyles(); + const description = ( + + The {annotation} annotation is missing. You need to add the + annotation to your component if you want to enable this tool. + + ); return (