Fix datatables when no results found (#114)

* Update to 1.7.0 * Fix datatable disappearing when no results found
GetDKAN · Feb 8, 2021 · 35db885 · 35db885
1 parent 5a4d5f0
commit 35db885
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@civicactions/data-catalog-components",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "description": "React Components for Open Data Catalogs.",
   "main": "lib/index.js",
   "repository": {

diff --git a/src/templates/DataTable/index.jsx b/src/templates/DataTable/index.jsx
@@ -45,7 +45,7 @@ const DataTable = () => {
     }
   }, [resourceState.store, filters]);
 
-  if (!reactTable.data.length) {
+  if (!reactTable.columns.length) {
     return null;
   }
 
@@ -103,6 +103,12 @@ const DataTable = () => {
           ))}
         </div>
         <div {...getTableBodyProps()} className="dc-tbody">
+          {page.length <= 0
+            &&(
+            <div className="tr dc-tr" style={{textAlign: 'center'}}>
+              No results found.
+            </div>)
+          }
           {page.map((row) => {
             prepareRow(row);
             return (

diff --git a/src/templates/DataTableHeader/index.jsx b/src/templates/DataTableHeader/index.jsx
@@ -9,7 +9,7 @@ import DataIcon from '../../components/DataIcon';
 const DataTableHeader = () => {
   const { reactTable, resourceState, dispatch } = React.useContext(ResourceDispatch);
 
-  if (!reactTable.data.length) {
+  if (!reactTable.columns.length) {
     return null;
   }
   return (