()
| 634 | } |
| 635 | |
| 636 | render() { |
| 637 | return ( |
| 638 | <BaseLayout title="Classic MAPF"> |
| 639 | <MKBox component="section"> |
| 640 | <Modal |
| 641 | open={this.state.isInfoDialogOpen} |
| 642 | onClose={() => { |
| 643 | this.setState({ isInfoDialogOpen: false }); |
| 644 | }} |
| 645 | sx={{ display: "grid", placeItems: "center" }} |
| 646 | > |
| 647 | <Slide direction="down" in={this.state.isInfoDialogOpen} timeout={500}> |
| 648 | <MKBox |
| 649 | position="relative" |
| 650 | width="50vw" |
| 651 | display="flex" |
| 652 | flexDirection="column" |
| 653 | borderRadius="xl" |
| 654 | variant="gradient" |
| 655 | shadow="sm" |
| 656 | > |
| 657 | <MKBox display="flex" alginItems="center" justifyContent="center" p={2}> |
| 658 | <MKTypography variant="h4">A few things to know</MKTypography> |
| 659 | </MKBox> |
| 660 | <Divider sx={{ my: 0 }} /> |
| 661 | {this.populateDescription()} |
| 662 | <Divider light sx={{ my: 0 }} /> |
| 663 | <MKBox display="flex" justifyContent="right" py={1} px={1.5}> |
| 664 | <MKButton onClick={() => this.setState({ isInfoDialogOpen: false })}> |
| 665 | ok, got it |
| 666 | </MKButton> |
| 667 | </MKBox> |
| 668 | </MKBox> |
| 669 | </Slide> |
| 670 | </Modal> |
| 671 | </MKBox> |
| 672 | <MKBox component="section"> |
| 673 | <Modal |
| 674 | open={this.state.isDialogOpen} |
| 675 | onClose={() => { |
| 676 | this.setState({ isDialogOpen: false }); |
| 677 | }} |
| 678 | sx={{ display: "grid", placeItems: "center" }} |
| 679 | > |
| 680 | <Slide direction="down" in={this.state.isDialogOpen} timeout={500}> |
| 681 | <MKBox |
| 682 | position="relative" |
| 683 | width="fit-content" |
| 684 | display="flex" |
| 685 | flexDirection="column" |
| 686 | borderRadius="xl" |
| 687 | variant="gradient" |
| 688 | shadow="sm" |
| 689 | > |
| 690 | <MKBox p={3} textAlign="center"> |
| 691 | <MKTypography variant="h4" mt={1} mb={1}> |
| 692 | Empty agent list |
| 693 | </MKTypography> |
no test coverage detected