|  |  | 
 |  |  | import UploadIcon from '@mui/icons-material/Upload'; | 
 |  |  | import EditIcon from '@mui/icons-material/Edit'; | 
 |  |  | import { useState } from 'react'; | 
 |  |  | import { Button } from 'react-admin'; | 
 |  |  | import ImportModal from './ImportModal'; | 
 |  |  | import { Button, useListContext } from 'react-admin'; | 
 |  |  | import BatchModal from './BatchModal'; | 
 |  |  |  | 
 |  |  | const ImportButton = (props) => { | 
 |  |  |     const [modalOpen, setModalOpen] = useState(false); | 
 |  |  |  | 
 |  |  |     const { selectedIds } = useListContext(); | 
 |  |  |     console.log(selectedIds) | 
 |  |  |     const handleOpenModal = () => { | 
 |  |  |         setModalOpen(true); | 
 |  |  |     }; | 
 |  |  | 
 |  |  |     return ( | 
 |  |  |         <> | 
 |  |  |             <Button | 
 |  |  |                 startIcon={<UploadIcon />} | 
 |  |  |                 label="common.action.import.title" | 
 |  |  |                 startIcon={<EditIcon />} | 
 |  |  |                 label="common.action.batch" | 
 |  |  |                 onClick={handleOpenModal} | 
 |  |  |             /> | 
 |  |  |  | 
 |  |  |             <ImportModal open={modalOpen} onClose={handleCloseModal} {...props} /> | 
 |  |  |             <BatchModal open={modalOpen} onClose={handleCloseModal} {...props} /> | 
 |  |  |         </> | 
 |  |  |     ); | 
 |  |  | }; |