DEVMENU: Small change in augmentation tool (#1557)

This commit is contained in:
catloversg 2024-08-09 07:40:52 +07:00 committed by GitHub
parent 1fdb8bd352
commit 59bb58535e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

@ -1,17 +1,21 @@
import { Player } from "@player"; import { Player } from "@player";
import React, { useState } from "react"; import React, { useState } from "react";
import { Clear, ExpandMore, Reply, ReplyAll } from "@mui/icons-material"; import { Clear, ExpandMore } from "@mui/icons-material";
import { import {
Accordion, Accordion,
AccordionDetails, AccordionDetails,
AccordionSummary, AccordionSummary,
Box,
Button, Button,
IconButton, IconButton,
MenuItem, MenuItem,
Select, Select,
SelectChangeEvent, SelectChangeEvent,
Tooltip,
Typography, Typography,
} from "@mui/material"; } from "@mui/material";
import ReplyAllIcon from "@mui/icons-material/ReplyAll";
import ReplyIcon from "@mui/icons-material/Reply";
import { AugmentationName } from "@enums"; import { AugmentationName } from "@enums";
export function AugmentationsDev(): React.ReactElement { export function AugmentationsDev(): React.ReactElement {
@ -51,25 +55,21 @@ export function AugmentationsDev(): React.ReactElement {
<Typography>Augmentations</Typography> <Typography>Augmentations</Typography>
</AccordionSummary> </AccordionSummary>
<AccordionDetails> <AccordionDetails>
<Box display="flex" marginBottom="8px">
<Tooltip title="Queue all augmentations" sx={{ marginRight: "8px" }}>
<Button onClick={queueAllAugs}>
<ReplyAllIcon />
</Button>
</Tooltip>
<Select <Select
onChange={setAugmentationDropdown} onChange={setAugmentationDropdown}
value={augmentation} value={augmentation}
startAdornment={ startAdornment={
<> <Tooltip title="Queue augmentation">
<IconButton onClick={queueAllAugs} size="large"> <IconButton onClick={queueAug}>
<ReplyAll /> <ReplyIcon />
</IconButton> </IconButton>
<IconButton onClick={queueAug} size="large"> </Tooltip>
<Reply />
</IconButton>
</>
}
endAdornment={
<>
<IconButton onClick={clearAugs} size="large">
<Clear />
</IconButton>
</>
} }
> >
{Object.values(AugmentationName).map((aug) => ( {Object.values(AugmentationName).map((aug) => (
@ -78,9 +78,13 @@ export function AugmentationsDev(): React.ReactElement {
</MenuItem> </MenuItem>
))} ))}
</Select> </Select>
<Button sx={{ display: "block" }} onClick={clearQueuedAugs}> <Tooltip title="Clear augmentations" sx={{ marginLeft: "8px" }}>
Clear Queued Augmentations <Button onClick={clearAugs}>
<Clear />
</Button> </Button>
</Tooltip>
</Box>
<Button onClick={clearQueuedAugs}>Clear queued augmentations</Button>
</AccordionDetails> </AccordionDetails>
</Accordion> </Accordion>
); );