kopia lustrzana https://github.com/Stopka/fedisearch
32 wiersze
711 B
TypeScript
32 wiersze
711 B
TypeScript
import React, { ReactElement, ReactNode } from 'react'
|
|
import Spinner from './Spinner'
|
|
|
|
export default function Loader ({
|
|
showTop,
|
|
showBottom,
|
|
hideContent,
|
|
children,
|
|
loading,
|
|
placeholder
|
|
}: {
|
|
children: ReactNode
|
|
loading: boolean
|
|
hideContent?: boolean
|
|
showTop?: boolean
|
|
showBottom?: boolean
|
|
placeholder?: ReactNode
|
|
}): ReactElement {
|
|
const spinner = placeholder ?? (
|
|
<div className={'d-flex justify-content-center'}>
|
|
<Spinner/>
|
|
</div>
|
|
)
|
|
return (
|
|
<>
|
|
{(showTop ?? false) && loading ? spinner : ''}
|
|
{(hideContent ?? false) && loading ? '' : children}
|
|
{(showBottom ?? false) && loading ? spinner : ''}
|
|
</>
|
|
)
|
|
}
|