{suggestion.isParent ? (
@@ -39,10 +44,16 @@ class AddStopPlaceSuggestionListItem extends Component {
type={suggestion.stopPlaceType}
submode={suggestion.submode}
style={{ marginRight: 5 }}
- iconStyle={{ marginTop: -1 }}
/>
)}
-
+
{suggestion.name ? (
{suggestion.name}
) : (
@@ -53,8 +64,7 @@ class AddStopPlaceSuggestionListItem extends Component {
-
+
{
this.handleRemoveName(i);
}}
>
-
+
) : null}
@@ -298,13 +298,15 @@ class AltNamesDialog extends React.Component {
translations={translations}
handleAddAltName={this.handleAddAltName.bind(this)}
handleTypeChange={(event, key, type) => {
- this.setState({ type });
+ this.setState({ type: event.target.value });
}}
onLanguageChange={(event, key, lang) => {
- this.setState({ lang });
+ this.setState({ lang: event.target.value });
+ debugger;
}}
- onValueChange={(event, value) => {
- this.setState({ value });
+ onValueChange={(event) => {
+ this.setState({ value: event.target.value });
+ debugger;
}}
lang={lang}
type={type}
diff --git a/src/components/Dialogs/CompassBearingDialog.js b/src/components/Dialogs/CompassBearingDialog.js
index bee7e1c43..7ed96eccb 100644
--- a/src/components/Dialogs/CompassBearingDialog.js
+++ b/src/components/Dialogs/CompassBearingDialog.js
@@ -21,7 +21,7 @@ import {
DialogContent,
DialogTitle,
} from "@mui/material";
-import { TextField } from "material-ui";
+import { TextField } from "@mui/material";
class CompassBearingDialog extends React.Component {
constructor(props) {
diff --git a/src/components/Dialogs/CoordinatesDialog.js b/src/components/Dialogs/CoordinatesDialog.js
index 301bcb718..a351a4ddc 100644
--- a/src/components/Dialogs/CoordinatesDialog.js
+++ b/src/components/Dialogs/CoordinatesDialog.js
@@ -21,7 +21,7 @@ import {
DialogContent,
DialogTitle,
} from "@mui/material";
-import { TextField } from "material-ui";
+import { TextField } from "@mui/material";
import { extractCoordinates } from "../../utils/";
class CoordinatesDialog extends React.Component {
@@ -29,6 +29,7 @@ class CoordinatesDialog extends React.Component {
super(props);
this.state = {
errorText: "",
+ coordinates: null,
};
}
@@ -40,9 +41,9 @@ class CoordinatesDialog extends React.Component {
handleClose: PropTypes.func.isRequired,
};
- handleInputChange(event, newValue) {
+ handleInputChange(event) {
this.setState({
- coordinates: newValue,
+ coordinates: event.target.value,
});
}
@@ -58,7 +59,6 @@ class CoordinatesDialog extends React.Component {
const coordinatesString = this.state
? this.state.coordinates
: this.props.coordinates;
-
if (typeof coordinatesString === "undefined") return;
const position = extractCoordinates(coordinatesString);
@@ -97,21 +97,22 @@ class CoordinatesDialog extends React.Component {
{confirmDialogTranslation.title}
{confirmDialogTranslation.body}
-