LoaderPortal перенесён на TypeScript

This commit is contained in:
goodmice 2021-12-07 19:36:25 +05:00
parent cd57cba6f8
commit 8a848b56c5
2 changed files with 18 additions and 12 deletions

View File

@ -1,12 +0,0 @@
import Loader from './Loader'
export default function LoaderPortal({show, fade=true, children}){
return(
<div className='loader-container'>
<div className='loader-content'>
{children}
</div>
{show && fade && <div className='loader-fade'/>}
{show && <div className='loader-overlay'><Loader/></div>}
</div>)
}

View File

@ -0,0 +1,18 @@
import Loader from './Loader'
type LoaderPortalProps = {
show?: boolean,
fade?: boolean,
children: any,
[other: string]: any
}
export const LoaderPortal: React.FC<LoaderPortalProps> = ({show, fade=true, children, ...other}) => (
<div className={'loader-container'} {...other}>
<div className={'loader-content'}>{children}</div>
{show && fade && <div className={'loader-fade'}/>}
{show && <div className={'loader-overlay'}><Loader/></div>}
</div>
)
export default LoaderPortal