make compatiable with font awesome

Author: AllenFang

src/Notification.js

@@ -6,7 +6,7 @@ const notice = (type, msg, title) => {
   const bodyHTML = `
     ${ titleHTML }
     <div>
-      <span class='	glyphicon glyphicon-alert'></span>&nbsp;
+      <span class='fa fa-exclamation-triangle glyphicon glyphicon-alert'></span>&nbsp;
       <span>${ msg }</span>
     </div>
   `;

src/TableBody.js

@@ -472,8 +472,8 @@ class TableBody extends Component {
     if (CustomComponent) {
       content = (<CustomComponent isExpandableRow={ isExpandableRow } isExpanded={ isExpanded } />);
     } else if (isExpandableRow) {
-      content = (isExpanded ? (<span className='glyphicon glyphicon-minus'></span>) :
-        (<span className='glyphicon glyphicon-plus'></span>) );
+      content = (isExpanded ? (<span className='fa fa-minus glyphicon glyphicon-minus'></span>) :
+        (<span className='fa fa-plus glyphicon glyphicon-plus'></span>) );
     } else {
       content = ' ';
     }

src/toolbar/DeleteButton.js

@@ -16,7 +16,7 @@ class DeleteButton extends Component {
       ...rest
     } = this.props;
     const content = children ||
-      (<span><i className={ `glyphicon ${btnGlyphicon}` }></i> { btnText }</span>);
+      (<span><i className={ `fa glyphicon ${btnGlyphicon}` }></i> { btnText }</span>);
     return (
       <button type='button'
         className={ `btn ${btnContextual} ${deleteBtnDefaultClass} ${className}` }
@@ -40,7 +40,7 @@ DeleteButton.defaultProps = {
   btnContextual: 'btn-warning',
   className: '',
   onClick: undefined,
-  btnGlyphicon: 'glyphicon-trash'
+  btnGlyphicon: 'glyphicon-trash fa-trash'
 };
 
 export default DeleteButton;

src/toolbar/ExportCSVButton.js

@@ -16,7 +16,7 @@ class ExportCSVButton extends Component {
       ...rest
     } = this.props;
     const content = children ||
-      (<span><i className={ `glyphicon ${btnGlyphicon}` }></i> { btnText }</span>);
+      (<span><i className={ `fa glyphicon ${btnGlyphicon}` }></i> { btnText }</span>);
     return (
       <button type='button'
         className={ `btn ${btnContextual} ${exportCsvBtnDefaultClass} ${className} hidden-print` }
@@ -40,7 +40,7 @@ ExportCSVButton.defaultProps = {
   btnContextual: 'btn-success',
   className: '',
   onClick: undefined,
-  btnGlyphicon: 'glyphicon-export'
+  btnGlyphicon: 'glyphicon-export fa-download'
 };
 
 export default ExportCSVButton;

src/toolbar/InsertButton.js

@@ -16,7 +16,7 @@ class InsertButton extends Component {
       ...rest
     } = this.props;
     const content = children ||
-      (<span><i className={ `glyphicon ${btnGlyphicon}` }></i>{ btnText }</span>);
+      (<span><i className={ `fa glyphicon ${btnGlyphicon}` }></i> { btnText }</span>);
     return (
       <button type='button'
         className={ `btn ${btnContextual} ${insertBtnDefaultClass} ${className}` }
@@ -40,7 +40,7 @@ InsertButton.defaultProps = {
   btnContextual: 'btn-info',
   className: '',
   onClick: undefined,
-  btnGlyphicon: 'glyphicon-plus'
+  btnGlyphicon: 'glyphicon-plus fa-plus'
 };
 
 export default InsertButton;