don't allow editing of case name or description when not in edit mode…

…. Also prevent clipping of case name
alan-turing-institute · Apr 25, 2022 · a6ca3e1 · a6ca3e1
1 parent abc18dc
commit a6ca3e1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/frontend/src/components/CaseContainer.js b/frontend/src/components/CaseContainer.js
@@ -490,9 +490,10 @@ class CaseContainer extends Component {
                 initialValue={this.state.assurance_case.name}
                 textsize="xlarge"
                 style={{
-                  height: 0,
+                  height: 30,
                 }}
                 onSubmit={(value) => this.submitCaseChange("name", value)}
+                editMode={this.inEditMode()}
               />
               <EditableText
                 initialValue={this.state.assurance_case.description}
@@ -503,6 +504,7 @@ class CaseContainer extends Component {
                 onSubmit={(value) =>
                   this.submitCaseChange("description", value)
                 }
+                editMode={this.inEditMode()}
               />
               {this.getEditableControls()}
             </Box>

diff --git a/frontend/src/components/EditableText.js b/frontend/src/components/EditableText.js
@@ -16,7 +16,7 @@ class EditableText extends Component {
   }
 
   onChange(event) {
-    this.setState({ value: event.target.value });
+    if (this.props.editMode) this.setState({ value: event.target.value });
   }
 
   onSubmit(event) {