mirror of
https://github.com/status-im/MyCrypto.git
synced 2025-01-11 11:34:26 +00:00
9cac0298a2
* Manage modal focus * Add isOpen prop to CustomNodeModal * Remove outline overrides * Update outline style for inputs * Fix modal focus management & Cleanup CustomNodeModal * Add aria-label on modal close button * Fix modal scroll to top * Add aria-live property for notifications * Add aria-busy to Spinner component * Fix border styles for generatewallet password inputs * Update token balances inputs * Remove multiple h1's & Update styles * Add alt text to all img elements * Update swap link from bity to shapeshift * Update aria-labels and alt text * Only show keystore password input when required * Revert "Only show keystore password input when required" This reverts commit 7ec5de52da0982cd3131f365b142f6915638d831. * address changes requested
21 lines
522 B
TypeScript
21 lines
522 B
TypeScript
import React from 'react';
|
|
import './Spinner.scss';
|
|
|
|
type Size = 'x1' | 'x2' | 'x3' | 'x4' | 'x5';
|
|
|
|
interface SpinnerProps {
|
|
size?: Size;
|
|
light?: boolean;
|
|
}
|
|
|
|
const Spinner = ({ size = 'x1', light = false }: SpinnerProps) => {
|
|
const color = light ? 'Spinner-light' : 'Spinner-dark';
|
|
return (
|
|
<svg className={`Spinner Spinner-${size} ${color}`} viewBox="0 0 50 50" aria-busy="true">
|
|
<circle className="path" cx="25" cy="25" r="20" fill="none" strokeWidth="5" />
|
|
</svg>
|
|
);
|
|
};
|
|
|
|
export default Spinner;
|