Hook up editing of pilot name field

markerikson · Nov 7, 2017 · efe8854 · efe8854
1 parent 08b7d9b
commit efe8854
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/features/pilots/PilotDetails.jsx b/src/features/pilots/PilotDetails.jsx
@@ -9,6 +9,10 @@ import {
     selectIsEditingPilot
 } from "./pilotsSelectors";
 
+import {updateEntity} from "features/entities/entityActions";
+
+import {getValueFromEvent} from "common/utils/clientUtils";
+
 
 import {
     startEditingPilot,
@@ -64,10 +68,18 @@ const mapState = (state) => {
 const actions = {
     startEditingPilot,
     stopEditingPilot,
+    updateEntity,
 }
 
 export class PilotDetails  extends Component {
 
+    onNameChanged = (e) => {
+        const newValues = getValueFromEvent(e);
+        const {id} = this.props.pilot;
+
+        this.props.updateEntity("Pilot", id, newValues);
+    }
+
     render() {
         const {pilot={}, pilotIsSelected = false, isEditingPilot = false } = this.props;
         const {startEditingPilot, stopEditingPilot} = this.props;
@@ -93,6 +105,7 @@ export class PilotDetails  extends Component {
                     placeholder="Name"
                     value={name}
                     disabled={!canStopEditing}
+                    onChange={this.onNameChanged}
                     control="input"
                 />
                 <Form.Field