ae449b914b
* fix(deps): update dependency @openedx/paragon to v23.14.2 * chore: fix invalid 'size' passed to <Spinner> --------- Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Braden MacDonald <braden@opencraft.com>
31 lines
700 B
TypeScript
31 lines
700 B
TypeScript
import { Spinner } from '@openedx/paragon';
|
|
import { FormattedMessage } from '@edx/frontend-platform/i18n';
|
|
|
|
interface LoadingSpinnerProps {
|
|
size?: 'sm';
|
|
}
|
|
|
|
export const LoadingSpinner = ({ size }: LoadingSpinnerProps) => (
|
|
<Spinner
|
|
animation="border"
|
|
role="status"
|
|
variant="primary"
|
|
size={size}
|
|
screenReaderText={(
|
|
<FormattedMessage
|
|
id="authoring.loading"
|
|
defaultMessage="Loading..."
|
|
description="Screen-reader message for when a page is loading."
|
|
/>
|
|
)}
|
|
/>
|
|
);
|
|
|
|
const Loading = () => (
|
|
<div className="d-flex justify-content-center align-items-center flex-column vh-100">
|
|
<LoadingSpinner />
|
|
</div>
|
|
);
|
|
|
|
export default Loading;
|