mirror of
https://github.com/IRBorisov/ConceptPortal.git
synced 2025-06-26 04:50:36 +03:00
Fix loading flicker
This commit is contained in:
parent
9fe73a607a
commit
1954da2aa3
|
@ -17,15 +17,15 @@ interface DataLoaderProps extends CProps.AnimatedDiv {
|
|||
|
||||
function DataLoader({ id, isLoading, hasNoData, error, children, ...restProps }: DataLoaderProps) {
|
||||
return (
|
||||
<AnimatePresence>
|
||||
{isLoading ? <Loader key={`${id}-loader`} /> : null}
|
||||
{error ? <InfoError key={`${id}-error`} error={error} /> : null}
|
||||
<AnimatePresence mode='wait'>
|
||||
<AnimateFade id={id} key={`${id}-data`} removeContent={isLoading || !!error || hasNoData} {...restProps}>
|
||||
{children}
|
||||
</AnimateFade>
|
||||
<AnimateFade id={id} key={`${id}-no-data`} removeContent={isLoading || !!error || !hasNoData} {...restProps}>
|
||||
<AnimateFade key={`${id}-no-data`} removeContent={isLoading || !!error || !hasNoData} {...restProps}>
|
||||
Данные не загружены
|
||||
</AnimateFade>
|
||||
{isLoading ? <Loader key={`${id}-loader`} /> : null}
|
||||
{error ? <InfoError key={`${id}-error`} error={error} /> : null}
|
||||
</AnimatePresence>
|
||||
);
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue
Block a user