27 lines
698 B
JavaScript
27 lines
698 B
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import classnames from 'classnames';
|
|
import { Icon, Typography } from '@ohif/ui';
|
|
|
|
// TODO: Add loading spinner to OHIF + use it here.
|
|
const EmptyStudies = ({ className, isLoading }) => {
|
|
return (
|
|
<div className={classnames('flex-col inline-flex items-center', className)}>
|
|
<Icon name="magnifier" className="mb-4" />
|
|
<Typography className="text-primary-light" variant="h5">
|
|
{!isLoading ? 'No studies available' : 'Loading...'}
|
|
</Typography>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
EmptyStudies.defaultProps = {
|
|
className: '',
|
|
};
|
|
|
|
EmptyStudies.propTypes = {
|
|
className: PropTypes.string,
|
|
};
|
|
|
|
export default EmptyStudies;
|