Merge pull request #580 from toggle-corp/feature-add-empty-message

Add empty message prop for empty component
toggle-corp · Jun 5, 2019 · 11b44d7 · 11b44d7
2 parents eb35855 + aecc345
commit 11b44d7
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/components/View/VirtualizedListView/index.js b/components/View/VirtualizedListView/index.js
@@ -9,15 +9,15 @@ import Message from '../Message';
 import Responsive from '../../General/Responsive';
 import styles from './styles.scss';
 
-const DefaultEmptyComponent = () => {
+const DefaultEmptyComponent = ({ message }) => {
     const className = `
         empty
         ${styles.empty}
     `;
 
     return (
         <Message className={className}>
-            Nothing to show.
+            {message}
         </Message>
     );
 };
@@ -47,6 +47,7 @@ const propTypes = {
     emptyComponent: PropTypes.func,
 
     minWidth: PropTypes.number,
+    emptyMessage: PropTypes.string,
 };
 
 const defaultProps = {
@@ -59,6 +60,7 @@ const defaultProps = {
     rendererClassName: '',
     rendererParams: undefined,
     emptyComponent: DefaultEmptyComponent,
+    emptyMessage: 'Nothing to show.',
     minWidth: undefined,
 };
 
@@ -299,6 +301,7 @@ class VirtualizedListView extends React.Component {
         const {
             className: classNameFromProps,
             emptyComponent: EmptyComponent,
+            emptyMessage,
             data,
             id,
             minWidth,
@@ -321,7 +324,9 @@ class VirtualizedListView extends React.Component {
                 <Items />
                 { data.length === 0 && (
                     <React.Fragment>
-                        { EmptyComponent && <EmptyComponent /> }
+                        { EmptyComponent && <EmptyComponent
+                            message={emptyMessage}
+                        /> }
                         { minWidth && (
                             <div
                                 style={{