change(ui) - loader size
This commit is contained in:
parent
60344d8996
commit
646c5e1f95
1 changed files with 17 additions and 6 deletions
|
|
@ -3,12 +3,23 @@ import cn from 'classnames';
|
|||
import styles from './loader.module.css';
|
||||
import AnimatedSVG, { ICONS } from 'Shared/AnimatedSVG/AnimatedSVG';
|
||||
|
||||
const Loader = React.memo(({ className = '', loading = true, children = null, size = 30, style = { minHeight: '150px' } }) => (!loading ? children :
|
||||
<div className={ cn(styles.wrapper, className) } style={style}>
|
||||
{/* <div className={ styles.loader } data-size={ size } /> */}
|
||||
<AnimatedSVG name={ICONS.LOADER} size={size} />
|
||||
</div>
|
||||
));
|
||||
const Loader = React.memo(
|
||||
({
|
||||
className = '',
|
||||
loading = true,
|
||||
children = null,
|
||||
size = 50,
|
||||
style = { minHeight: '150px' },
|
||||
}) =>
|
||||
!loading ? (
|
||||
children
|
||||
) : (
|
||||
<div className={cn(styles.wrapper, className)} style={style}>
|
||||
{/* <div className={ styles.loader } data-size={ size } /> */}
|
||||
<AnimatedSVG name={ICONS.LOADER} size={size} />
|
||||
</div>
|
||||
)
|
||||
);
|
||||
|
||||
Loader.displayName = 'Loader';
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue