|  |  | 
 |  |  |     ReferenceArrayInput, | 
 |  |  |     AutocompleteInput, | 
 |  |  |     ListToolbar, | 
 |  |  |     Title, | 
 |  |  | } from 'react-admin'; | 
 |  |  | import { matchPath, useLocation } from 'react-router'; | 
 |  |  | import { Box, Typography, Card, Stack } from '@mui/material'; | 
 |  |  | 
 |  |  | import * as Common from '@/utils/common'; | 
 |  |  | // import { MissionEmpty } from "./MissionEmpty"; | 
 |  |  | import MissionShow from "./MissionShow"; | 
 |  |  | import { MissionListContent } from "./MissionListContent"; | 
 |  |  |  | 
 |  |  | const MissionList = () => { | 
 |  |  |  | 
 |  |  | 
 |  |  | const MissionLayout = () => { | 
 |  |  |     const location = useLocation(); | 
 |  |  |     const matchShow = matchPath('/mission/:id/show', location.pathname); | 
 |  |  |     console.log(matchShow); | 
 |  |  |  | 
 |  |  |  | 
 |  |  |     const { data, isPending, filterValues } = useListContext(); | 
 |  |  |     if (isPending) return null; | 
 |  |  |     console.log(data); | 
 |  |  |      | 
 |  |  |  | 
 |  |  |     if (!data?.length) { | 
 |  |  |         return ( | 
 |  |  |             <> | 
 |  |  |                 {/* <MissionEmpty> */} | 
 |  |  |                     <MissionShow open={!!matchShow} id={matchShow?.params.id} /> | 
 |  |  |                     {/* <DealArchivedList /> */} | 
 |  |  |                 <MissionShow open={!!matchShow} id={matchShow?.params.id} /> | 
 |  |  |                 {/* <DealArchivedList /> */} | 
 |  |  |                 {/* </MissionEmpty> */} | 
 |  |  |             </> | 
 |  |  |         ); | 
 |  |  | 
 |  |  |                 </TopToolbar> | 
 |  |  |             )} /> | 
 |  |  |             <Card> | 
 |  |  |                 {/* <DealListContent /> */} | 
 |  |  |                 <MissionListContent /> | 
 |  |  |             </Card> | 
 |  |  |             {/* <DealArchivedList /> */} | 
 |  |  |  |