64 lines
2.0 KiB
JavaScript
64 lines
2.0 KiB
JavaScript
import React, { Component } from "react";
|
|
import PropTypes from "prop-types";
|
|
import { connect } from "react-redux";
|
|
import { setSounds } from "../../actions/generalActions";
|
|
|
|
import * as Blockly from "blockly/core";
|
|
|
|
import InputLabel from "@mui/material/InputLabel";
|
|
import MenuItem from "@mui/material/MenuItem";
|
|
import FormControl from "@mui/material/FormControl";
|
|
import Select from "@mui/material/Select";
|
|
import Typography from "@mui/material/Typography";
|
|
import FormHelperText from "@mui/material/FormHelperText";
|
|
|
|
class SoundsSelector extends Component {
|
|
componentDidMount() {
|
|
// Ensure that Blockly.setLocale is adopted in the component.
|
|
// Otherwise, the text will not be displayed until the next update of the component.
|
|
this.forceUpdate();
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<div>
|
|
<Typography style={{ fontWeight: "bold" }}>
|
|
{Blockly.Msg.settings_sounds}
|
|
</Typography>
|
|
<FormHelperText
|
|
style={{ color: "black", lineHeight: 1.3, marginBottom: "8px" }}
|
|
>
|
|
{Blockly.Msg.settings_sounds_text}
|
|
</FormHelperText>
|
|
<FormControl variant="standard">
|
|
<InputLabel id="demo-simple-select-label">
|
|
{Blockly.Msg.settings_sounds}
|
|
</InputLabel>
|
|
<Select
|
|
variant="standard"
|
|
labelId="demo-simple-select-label"
|
|
id="demo-simple-select"
|
|
value={this.props.sounds}
|
|
onChange={(e) => this.props.setSounds(e.target.value)}>
|
|
<MenuItem value={false}>{Blockly.Msg.settings_ota_off}</MenuItem>
|
|
<MenuItem value={true}>{Blockly.Msg.settings_ota_on}</MenuItem>
|
|
</Select>
|
|
</FormControl>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
SoundsSelector.propTypes = {
|
|
setSounds: PropTypes.func.isRequired,
|
|
language: PropTypes.string.isRequired,
|
|
sounds: PropTypes.bool.isRequired,
|
|
};
|
|
|
|
const mapStateToProps = (state) => ({
|
|
sounds: state.general.sounds,
|
|
language: state.general.language,
|
|
});
|
|
|
|
export default connect(mapStateToProps, { setSounds })(SoundsSelector);
|