c7bcf1134d
* fix bugs for the RT for the new demo * fix SM with the static-wado server * remove thumbnail from tmtv * migration guide * fix stability for the rt struct * apply review comments * add loading indicator to SM * pdf works * try to fix relative bulkData * fix the rest * fix preflight for the SM * fix typo * apply review comments * yarn lock
30 lines
904 B
TypeScript
30 lines
904 B
TypeScript
import React from 'react';
|
|
import classNames from 'classnames';
|
|
import { Icon } from '@ohif/ui';
|
|
import ProgressLoadingBar from '../ProgressLoadingBar';
|
|
|
|
/**
|
|
* A React component that renders a loading indicator.
|
|
* if progress is not provided, it will render an infinite loading indicator
|
|
* if progress is provided, it will render a progress bar
|
|
* Optionally a textBlock can be provided to display a message
|
|
*/
|
|
function LoadingIndicatorProgress({ className, textBlock, progress }) {
|
|
return (
|
|
<div
|
|
className={classNames(
|
|
'absolute z-50 top-0 left-0 flex flex-col items-center justify-center space-y-5',
|
|
className
|
|
)}
|
|
>
|
|
<Icon name="loading-ohif-mark" className="text-white w-12 h-12" />
|
|
<div className="w-48">
|
|
<ProgressLoadingBar progress={progress} />
|
|
</div>
|
|
{textBlock}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default LoadingIndicatorProgress;
|