2021-09-27 23:09:48 +02:00
|
|
|
import React from "react";
|
2022-09-20 08:15:58 +02:00
|
|
|
import { Action } from "../Action";
|
2021-09-27 23:09:48 +02:00
|
|
|
import Typography from "@mui/material/Typography";
|
|
|
|
import Tooltip from "@mui/material/Tooltip";
|
|
|
|
import Box from "@mui/material/Box";
|
|
|
|
import Switch from "@mui/material/Switch";
|
|
|
|
|
|
|
|
interface IProps {
|
2022-09-20 08:15:58 +02:00
|
|
|
action: Action;
|
2021-09-27 23:09:48 +02:00
|
|
|
rerender: () => void;
|
|
|
|
}
|
|
|
|
|
|
|
|
export function Autolevel(props: IProps): React.ReactElement {
|
|
|
|
function onAutolevel(event: React.ChangeEvent<HTMLInputElement>): void {
|
|
|
|
props.action.autoLevel = event.target.checked;
|
|
|
|
props.rerender();
|
|
|
|
}
|
|
|
|
return (
|
|
|
|
<Box display="flex" flexDirection="row" alignItems="center">
|
|
|
|
<Tooltip title={<Typography>Automatically increase operation level when possible</Typography>}>
|
|
|
|
<Typography> Autolevel:</Typography>
|
|
|
|
</Tooltip>
|
|
|
|
<Switch checked={props.action.autoLevel} onChange={onAutolevel} />
|
|
|
|
</Box>
|
|
|
|
);
|
|
|
|
}
|