From 87fce3c636d9ad55730e56da89cf549a809d56ab Mon Sep 17 00:00:00 2001 From: ysandler Date: Thu, 30 Jul 2020 22:01:10 -0500 Subject: [PATCH] feat: clear inputs onSubmit --- src/views/CreateNodule/CreateNodule.js | 8 ++++++++ src/views/CreateNodule/TableSelect.js | 4 ++++ src/views/CreateTable/CreateTableForm.js | 12 ++++++++++++ 3 files changed, 24 insertions(+) diff --git a/src/views/CreateNodule/CreateNodule.js b/src/views/CreateNodule/CreateNodule.js index a1ab168..e08e80e 100644 --- a/src/views/CreateNodule/CreateNodule.js +++ b/src/views/CreateNodule/CreateNodule.js @@ -30,6 +30,11 @@ class CreateNodule extends Component { document.addEventListener('updateTables', this.updateTableList) } + clearInput = () => { + this.setState({ noduleType: '' }) + this.tableSelect.current.clearTablesSelected() + } + handleChange = (e, value) => { this.setState({ noduleType: value.value }) } @@ -65,6 +70,8 @@ class CreateNodule extends Component { structure: structureProperties }) } + + this.clearInput() } updateTableList = () => { @@ -94,6 +101,7 @@ class CreateNodule extends Component {
{ + this.setState({ selectedTablesLabels: [] }) + } + getSelectedTableLabels = () => this.state.selectedTablesLabels toggleSelect = label => { diff --git a/src/views/CreateTable/CreateTableForm.js b/src/views/CreateTable/CreateTableForm.js index e38f0e8..fac0c28 100644 --- a/src/views/CreateTable/CreateTableForm.js +++ b/src/views/CreateTable/CreateTableForm.js @@ -12,12 +12,24 @@ class CreateTableForm extends Component { this.tableFileInput = React.createRef() } + // handleLabelChange = (e, value) => { + // e.preventDefault() + // this.setState({ label: value }) + // } + + // handleFileChange = (e, value) => { + // e.preventDefault() + // this.setState({ file: value }) + // } + handleSubmit = async e => { e.preventDefault() const label = this.tableLabelInput.current.inputRef.current.value const file = this.tableFileInput.current.inputRef.current.files[0] this.controller.submitLocalFile({ label, file }) + + this.tableLabelInput.current.inputRef.current.value = '' } render = () => {