| | |
| | | const WaveList = () => { |
| | | const translate = useTranslate(); |
| | | const [createDialog, setCreateDialog] = useState(false); |
| | | const [autoExce, setAutoExce] = useState(false); |
| | | const [detailDialog, setDetailDialog] = useState(false); |
| | | const [select, setSelectIds] = useState({}); |
| | | const [drawerVal, setDrawerVal] = useState(false); |
| | |
| | | sort={{ field: "create_time", order: "desc" }} |
| | | actions={( |
| | | <TopToolbar> |
| | | <BulkStartButton /> |
| | | <BulkPauseButton /> |
| | | <BulkStartButton autoExce={autoExce} setAutoExce={setAutoExce} /> |
| | | <BulkPauseButton autoExce={autoExce} setAutoExce={setAutoExce} /> |
| | | <FilterButton /> |
| | | <SelectColumnsButton preferenceKey='wave' /> |
| | | </TopToolbar> |
| | |
| | | ); |
| | | } |
| | | |
| | | const BulkStartButton = () => { |
| | | const BulkStartButton = ({ autoExce, setAutoExce }) => { |
| | | const { data, selectedIds, onUnselectItems } = useListContext(); |
| | | |
| | | const startClick = () => { |
| | | onUnselectItems() |
| | | setAutoExce(true) |
| | | } |
| | | return ( |
| | | <Button label="toolbar.start" onClick={startClick} startIcon={<PlayArrowOutlinedIcon />} /> |
| | | !autoExce ? <Button label="toolbar.start" onClick={startClick} startIcon={<PlayArrowOutlinedIcon />} /> : <></> |
| | | ) |
| | | } |
| | | |
| | | const BulkPauseButton = () => { |
| | | const BulkPauseButton = ({ autoExce, setAutoExce }) => { |
| | | const { data, selectedIds, onUnselectItems } = useListContext(); |
| | | |
| | | const pauseClick = () => { |
| | | onUnselectItems() |
| | | setAutoExce(false) |
| | | } |
| | | return ( |
| | | <Button label="toolbar.pause" onClick={pauseClick} startIcon={<PauseCircleOutlineIcon />} /> |
| | | autoExce ? <Button label="toolbar.pause" onClick={pauseClick} startIcon={<PauseCircleOutlineIcon />} /> : <></> |
| | | ) |
| | | } |