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