fix: add error state handling for checklist query
This commit is contained in:
@@ -1,4 +1,5 @@
|
|||||||
import { useMemo, useState } from 'react'
|
import { useMemo, useState } from 'react'
|
||||||
|
import Alert from '@mui/material/Alert'
|
||||||
import Accordion from '@mui/material/Accordion'
|
import Accordion from '@mui/material/Accordion'
|
||||||
import AccordionDetails from '@mui/material/AccordionDetails'
|
import AccordionDetails from '@mui/material/AccordionDetails'
|
||||||
import AccordionSummary from '@mui/material/AccordionSummary'
|
import AccordionSummary from '@mui/material/AccordionSummary'
|
||||||
@@ -39,7 +40,7 @@ export function AdminTestChecklistPage() {
|
|||||||
const [confirmOpen, setConfirmOpen] = useState(false)
|
const [confirmOpen, setConfirmOpen] = useState(false)
|
||||||
const [expanded, setExpanded] = useState<string | false>(false)
|
const [expanded, setExpanded] = useState<string | false>(false)
|
||||||
|
|
||||||
const { data, isLoading } = useQuery({
|
const { data, isLoading, isError } = useQuery({
|
||||||
queryKey: ['admin', 'test-checklist'],
|
queryKey: ['admin', 'test-checklist'],
|
||||||
queryFn: fetchTestChecklistResults,
|
queryFn: fetchTestChecklistResults,
|
||||||
})
|
})
|
||||||
@@ -94,6 +95,8 @@ export function AdminTestChecklistPage() {
|
|||||||
<Box sx={{ display: 'flex', justifyContent: 'center', py: 8 }}>
|
<Box sx={{ display: 'flex', justifyContent: 'center', py: 8 }}>
|
||||||
<CircularProgress />
|
<CircularProgress />
|
||||||
</Box>
|
</Box>
|
||||||
|
) : isError ? (
|
||||||
|
<Alert severity="error">Не удалось загрузить чеклист.</Alert>
|
||||||
) : (
|
) : (
|
||||||
sections.map(([section, items]) => (
|
sections.map(([section, items]) => (
|
||||||
<Accordion key={section} expanded={expanded === section} onChange={(_, isExpanded) => setExpanded(isExpanded ? section : false)}>
|
<Accordion key={section} expanded={expanded === section} onChange={(_, isExpanded) => setExpanded(isExpanded ? section : false)}>
|
||||||
|
|||||||
Reference in New Issue
Block a user