|  |  |  | 
|---|
|  |  |  | 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(); | 
|---|
|  |  |  | 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} /> | 
|---|
|  |  |  | </> | 
|---|
|  |  |  | ); | 
|---|
|  |  |  | }; | 
|---|