Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | 197x 3582x 368x 368x 3214x 3214x | import React from "react";
import LoadingSpinner from "@components/Snipper/LoadingSpinner";
import { Text } from "@common/Text";
interface Props {
children: React.ReactElement | React.ReactElement[];
isError: boolean;
isFetching: boolean;
errorsMessage?: string;
customSpinner?: React.ReactElement;
}
export const WithFetching = ({
children,
isFetching,
isError,
errorsMessage,
customSpinner,
}: Props) => {
if (isFetching) {
Iif (customSpinner) {
return customSpinner;
}
return (
<LoadingSpinner
sx={{
height: 60,
}}
/>
);
}
Iif (isError) {
return (
<Text textAlign="center" padding={3}>
{errorsMessage ?? `Something went wrong`}
</Text>
);
}
return <>{children}</>;
};
|