react-yajra-datatable/src/components/Footer/LoadingIndicator.js

React component without dependencies to use with yajra laravel-datatables

import React from 'react';

const LoadingIndicator = ({ loading }) => {
    const getClasses = () => ([
        'fa',
        (loading) ? 'fa-spinner faa-spin animated' : 'fa-check'
    ].join(' '));
    const renderText = () => (loading) ? 'Updating table' : 'Table updated';
    return (
        <div className="loading"><i className={getClasses()}/> {renderText()}</div>
    );
};

export default LoadingIndicator;