gitscope
/
← marzneshin / dashboard/src/components/awaiting/index.tsx / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/components/awaiting/index.tsx · v0.5.1
Source
1 89eec32 Dawsh 2y ago import { type FC } from "react";
2 89eec32 Dawsh 2y ago
3 89eec32 Dawsh 2y ago interface AwaitingProps {
4 6a5c50e Mardin 2y ago isFetching?: boolean;
5 6a5c50e Mardin 2y ago isNotFound?: boolean;
6 6a5c50e Mardin 2y ago NotFound?: JSX.Element;
7 6a5c50e Mardin 2y ago Skeleton?: JSX.Element;
8 6a5c50e Mardin 2y ago Component: JSX.Element;
9 89eec32 Dawsh 2y ago }
10 89eec32 Dawsh 2y ago
11 89eec32 Dawsh 2y ago /**
12 89eec32 Dawsh 2y ago * @param isFetching - returned from react-query
13 89eec32 Dawsh 2y ago * which indicate the promise is still fetching.
14 6a5c50e Mardin 2y ago * @example
15 89eec32 Dawsh 2y ago * const { data, isFetching} = useQuery();
16 89eec32 Dawsh 2y ago *
17 89eec32 Dawsh 2y ago * @param isNotFound - whether the data return is empty or not
18 89eec32 Dawsh 2y ago * @param NotFound - Not found component
19 89eec32 Dawsh 2y ago * @param Component - The actual component itself
20 6a5c50e Mardin 2y ago * @param Skeleton - Skeleton structure which will be presented
21 89eec32 Dawsh 2y ago * when the data is still pending and fetching
22 89eec32 Dawsh 2y ago *
23 89eec32 Dawsh 2y ago */
24 89eec32 Dawsh 2y ago export const Awaiting: FC<AwaitingProps> = ({
25 6a5c50e Mardin 2y ago isFetching,
26 6a5c50e Mardin 2y ago isNotFound,
27 6a5c50e Mardin 2y ago NotFound,
28 6a5c50e Mardin 2y ago Skeleton,
29 6a5c50e Mardin 2y ago Component,
30 89eec32 Dawsh 2y ago }) => {
31 6a5c50e Mardin 2y ago if (isFetching) {
32 6a5c50e Mardin 2y ago return Skeleton;
33 6a5c50e Mardin 2y ago }
34 6a5c50e Mardin 2y ago if (isNotFound) {
35 6a5c50e Mardin 2y ago return NotFound;
36 6a5c50e Mardin 2y ago }
37 6a5c50e Mardin 2y ago return Component;
38 6a5c50e Mardin 2y ago };