Manually generate IDs

1 files changed, 49 insertions, 49 deletions

diff --git a/frontend/src/components/modals/TextInputModal.js b/frontend/src/components/modals/TextInputModal.js
index cc16f8e1..8d03e81f 100644
--- a/frontend/src/components/modals/TextInputModal.js
+++ b/frontend/src/components/modals/TextInputModal.js
@@ -1,58 +1,58 @@
-import PropTypes from "prop-types";
-import React from "react";
-import Modal from "./Modal";
+import PropTypes from 'prop-types'
+import React from 'react'
+import Modal from './Modal'
 
 class TextInputModal extends React.Component {
-  static propTypes = {
-    title: PropTypes.string.isRequired,
-    label: PropTypes.string.isRequired,
-    show: PropTypes.bool.isRequired,
-    callback: PropTypes.func.isRequired,
-    initialValue: PropTypes.string
-  };
+    static propTypes = {
+        title: PropTypes.string.isRequired,
+        label: PropTypes.string.isRequired,
+        show: PropTypes.bool.isRequired,
+        callback: PropTypes.func.isRequired,
+        initialValue: PropTypes.string,
+    }
 
-  componentDidUpdate() {
-    if (this.props.initialValue) {
-      this.textInput.value = this.props.initialValue;
+    componentDidUpdate() {
+        if (this.props.initialValue) {
+            this.textInput.value = this.props.initialValue
+        }
     }
-  }
 
-  onSubmit() {
-    this.props.callback(this.textInput.value);
-    this.textInput.value = "";
-  }
+    onSubmit() {
+        this.props.callback(this.textInput.value)
+        this.textInput.value = ''
+    }
 
-  onCancel() {
-    this.props.callback(undefined);
-    this.textInput.value = "";
-  }
+    onCancel() {
+        this.props.callback(undefined)
+        this.textInput.value = ''
+    }
 
-  render() {
-    return (
-      <Modal
-        title={this.props.title}
-        show={this.props.show}
-        onSubmit={this.onSubmit.bind(this)}
-        onCancel={this.onCancel.bind(this)}
-      >
-        <form
-          onSubmit={e => {
-            e.preventDefault();
-            this.onSubmit();
-          }}
-        >
-          <div className="form-group">
-            <label className="form-control-label">{this.props.label}</label>
-            <input
-              type="text"
-              className="form-control"
-              ref={textInput => (this.textInput = textInput)}
-            />
-          </div>
-        </form>
-      </Modal>
-    );
-  }
+    render() {
+        return (
+            <Modal
+                title={this.props.title}
+                show={this.props.show}
+                onSubmit={this.onSubmit.bind(this)}
+                onCancel={this.onCancel.bind(this)}
+            >
+                <form
+                    onSubmit={e => {
+                        e.preventDefault()
+                        this.onSubmit()
+                    }}
+                >
+                    <div className="form-group">
+                        <label className="form-control-label">{this.props.label}</label>
+                        <input
+                            type="text"
+                            className="form-control"
+                            ref={textInput => (this.textInput = textInput)}
+                        />
+                    </div>
+                </form>
+            </Modal>
+        )
+    }
 }
 
-export default TextInputModal;
+export default TextInputModal