Merge pull request #2103 from dimofte/feature/datatables-i18n-search

datatable: add i18n for the search field

packages/vulcan-core/lib/modules/components/Datatable.jsx

@@ -113,16 +113,28 @@ registerComponent('Datatable', Datatable, withCurrentUser);
 DatatableAbove Component
 
 */
-const DatatableAbove = (props) => {
+const DatatableAbove = (props, { intl }) => {
   const { collection, currentUser, showSearch, showNew, canInsert, value, updateQuery, options, newFormOptions } = props;
 
   return (
     <div className="datatable-above">
-      {showSearch && <input className="datatable-search form-control" placeholder="Search…" type="text" name="datatableSearchQuery" value={value} onChange={updateQuery} />}
+      {showSearch && (
+        <input
+          className="datatable-search form-control"
+          placeholder={`${intl.formatMessage({ id: 'datatable.search', defaultMessage: 'Search' })}…`}
+          type="text"
+          name="datatableSearchQuery"
+          value={value}
+          onChange={updateQuery}
+        />
+      )}
       {showNew && canInsert && <Components.NewButton collection={collection} currentUser={currentUser} mutationFragmentName={options && options.fragmentName} {...newFormOptions}/>}
     </div>
   )
 }
+DatatableAbove.contextTypes = {
+  intl: intlShape,
+};
 registerComponent('DatatableAbove', DatatableAbove);
   
 /*

packages/vulcan-i18n-en-us/lib/en_US.js

@@ -131,6 +131,7 @@ addStrings('en', {
   'cards.edit': 'Edit',
   'datatable.new': 'New',
   'datatable.edit': 'Edit',
+  'datatable.search': 'Search',
 
   'admin': 'Admin',
   'notifications': 'Notifications',