/
lyudmleb
/
final-final
Обзор
Документация
Войти
/
lyudmleb
/
final-final
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/shared/lib/hocks/WithQuery.tsx
61 строка
1 KB
Liudmila Lebedeva
все
27 ноя 2025, 03:05
27 ноя 2025, 03:05
2f8213f
Код
Авторство
О чём код?
import { ComponentType, FC } from 'react'; import { Alert, AlertTitle, Box, Button, CircularProgress, Container, } from '@mui/material'; import { SerializedError } from '@reduxjs/toolkit'; import { FetchBaseQueryError } from '@reduxjs/toolkit/query'; import { getMessageFromError } from '../utils'; interface WithQueryProps { isLoading: boolean; isError: boolean; refetch?: () => void; error?: FetchBaseQueryError | SerializedError | undefined; } export const WithQuery = <T extends object>( WrappedComponent: ComponentType<T> ) => { const ReturnedComponent: FC<WithQueryProps & T> = (props) => { const { isError, isLoading, refetch, error, ...propsForWrappedComponent } = props; if (isError) { return ( <Container> <Alert action={<Button onClick={refetch}>Retry</Button>} severity='error'> <AlertTitle> {getMessageFromError( error, 'Неизвестная ошибка при получение данных' )} </AlertTitle> </Alert> </Container> ); } if (isLoading) { return ( <Box sx={{ display: 'flex', justifyContent: 'center' }}> <CircularProgress /> </Box> ); } return <WrappedComponent {...(propsForWrappedComponent as T)} />; }; ReturnedComponent.displayName = `withQuery${WrappedComponent.displayName}`; return ReturnedComponent; };