forked from ddrilling/asb_cloud_front
LoaderPortal перенесён на TypeScript
This commit is contained in:
parent
cd57cba6f8
commit
8a848b56c5
@ -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>)
|
||||
}
|
18
src/components/LoaderPortal.tsx
Normal file
18
src/components/LoaderPortal.tsx
Normal 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
|
Loading…
Reference in New Issue
Block a user