2020-07-21 22:25:39 +02:00
|
|
|
import React, { Fragment, PropsWithChildren, FunctionComponent } from 'react';
|
|
|
|
|
|
|
|
export interface WithLoaderProps {
|
2020-07-22 22:25:03 +02:00
|
|
|
loading?: boolean|boolean[]
|
2020-07-21 22:25:39 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
export const WithLoader: FunctionComponent<WithLoaderProps> = ({ loading, children }) => {
|
2020-07-22 22:25:03 +02:00
|
|
|
const isLoading = Array.isArray(loading) ? loading.some(l => l) : loading;
|
2020-07-21 22:25:39 +02:00
|
|
|
return (
|
|
|
|
<Fragment>
|
|
|
|
{
|
2020-07-22 22:25:03 +02:00
|
|
|
isLoading ?
|
2020-07-22 09:18:50 +02:00
|
|
|
<div>Chargement</div> :
|
2020-07-21 22:25:39 +02:00
|
|
|
children
|
|
|
|
}
|
|
|
|
</Fragment>
|
|
|
|
)
|
|
|
|
}
|