Update Datatable, import SearchInput

packages/vulcan-ui-material/lib/components/core/Datatable.jsx

@@ -39,14 +39,14 @@ const baseStyles = theme => ({
     alignItems: 'center',
   },
   addButton: {
-    position: 'absolute',
-    top: '-8px',
-    right: 0,
+    top: '9.5rem',
+    right: '2rem',
+    position: 'fixed',
+    bottom: 'auto',
   },
-  search: {
-    marginBottom: theme.spacing.unit * 8,
+  table: {
+    marginTop:0
   },
-  table: {},
   denseTable: {},
   denserTable: {},
   flatTable: {},
@@ -155,6 +155,7 @@ class Datatable extends PureComponent {
               <Components.SearchInput value={this.state.query}
                                       updateQuery={this.updateQuery}
                                       className={classes.search}
+                                      labelId={'datatable.search'}
               />
             }
             {
@@ -298,14 +299,17 @@ const DatatableContents = ({
   return (
       <React.Fragment>
         {
-        title &&
+          (title)?
               <Toolbar>
                 <Typography variant="h6" id="tableTitle">
                   title
                 </Typography>
               </Toolbar>
+              :null
         }
         <Table className={classNames(classes.table, denseClass)}>
+          {
+            columns &&
             <TableHead className={classes.tableHead}>
               <TableRow className={classes.tableRow}>
                 {
@@ -328,6 +332,7 @@ const DatatableContents = ({
                 }
               </TableRow>
             </TableHead>
+          }
 
           {
             results &&

packages/vulcan-ui-material/lib/components/index.js

@@ -7,7 +7,7 @@ import './accounts/AccountsPasswordOrService';
 import './accounts/AccountsSocialButtons';
 
 import './bonus/LoadMore';
-// import './bonus/SearchInput';
+import './bonus/SearchInput';
 import './bonus/TooltipIntl';
 import './bonus/TooltipIconButton';