mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
34 lines
706 B
JavaScript
34 lines
706 B
JavaScript
import { useSelector } from 'react-redux';
|
|
import PropTypes from 'prop-types';
|
|
import React from 'react';
|
|
|
|
import { getAppIsLoading } from '../../../selectors';
|
|
import Spinner from '../../ui/spinner';
|
|
|
|
const AppLoadingSpinner = ({ className }) => {
|
|
const appIsLoading = useSelector(getAppIsLoading);
|
|
|
|
if (!appIsLoading) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<div
|
|
className={`${className} app-loading-spinner`}
|
|
role="alert"
|
|
aria-busy="true"
|
|
>
|
|
<Spinner
|
|
color="var(--color-secondary-muted)"
|
|
className="app-loading-spinner__inner"
|
|
/>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
AppLoadingSpinner.propTypes = {
|
|
className: PropTypes.string,
|
|
};
|
|
|
|
export default AppLoadingSpinner;
|