|  |  | 
 |  |  | import { matchPath, useLocation } from 'react-router'; | 
 |  |  | import { Box, Typography, Card, Stack, LinearProgress } from '@mui/material'; | 
 |  |  | import { styled } from '@mui/material/styles'; | 
 |  |  | import PageDrawer from "../components/PageDrawer"; | 
 |  |  | import * as Common from '@/utils/common'; | 
 |  |  | import MissionShow from "./MissionShow"; | 
 |  |  | import { MissionListContent } from "./MissionListContent"; | 
 |  |  | import EmptyDataLoader from "../components/EmptyDataLoader"; | 
 |  |  | import MissionResend from "./MissionResend"; | 
 |  |  |  | 
 |  |  | const MissionList = () => { | 
 |  |  |  | 
 |  |  | 
 |  |  | const MissionLayout = () => { | 
 |  |  |     const location = useLocation(); | 
 |  |  |     const matchShow = matchPath('/mission/:id/show', location.pathname); | 
 |  |  |     const matchResend = matchPath('/mission/:id/resend', location.pathname); | 
 |  |  |  | 
 |  |  |     const { data, isPending, filterValues } = useListContext(); | 
 |  |  |     const hasFilters = filterValues && Object.keys(filterValues).length > 0; | 
 |  |  | 
 |  |  |                 <MissionListContent /> | 
 |  |  |             </Card> | 
 |  |  |             <MissionShow open={!!matchShow} id={matchShow?.params.id} /> | 
 |  |  |             <MissionResend open={!!matchResend} id={matchResend?.params.id} /> | 
 |  |  |         </Stack> | 
 |  |  |     ); | 
 |  |  | } |