2019-08-13 15:36:46 -04:00
|
|
|
import { Icon } from './../../elements/Icon';
|
|
|
|
|
import React from 'react';
|
2019-10-22 15:40:23 -03:00
|
|
|
import { withTranslation } from '../../utils/LanguageProvider';
|
2019-08-13 15:36:46 -04:00
|
|
|
|
2019-10-22 15:40:23 -03:00
|
|
|
function StudyListLoadingText({ t: translate }) {
|
2019-08-13 15:36:46 -04:00
|
|
|
return (
|
|
|
|
|
<div className="loading-text">
|
2019-10-22 15:40:23 -03:00
|
|
|
{translate('Loading')}... <Icon name="circle-notch" animation="pulse" />
|
2019-08-13 15:36:46 -04:00
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
2019-10-22 15:40:23 -03:00
|
|
|
const connectedComponent = withTranslation('StudyListLoadingText')(
|
|
|
|
|
StudyListLoadingText
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
export { connectedComponent as StudyListLoadingText };
|