From d09a16d514f236bfb63ff3f26aafa0e17666182f Mon Sep 17 00:00:00 2001
From: Kailash Nadh <kailash@nadh.in>
Date: Mon, 5 Nov 2018 23:06:38 +0530
Subject: [PATCH] Add form blocking + spinner to the upload form

---
 frontend/my/src/Import.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/my/src/Import.js b/frontend/my/src/Import.js
index 1eb67d9..e000771 100644
--- a/frontend/my/src/Import.js
+++ b/frontend/my/src/Import.js
@@ -12,6 +12,7 @@ class TheFormDef extends React.PureComponent {
     state = {
         confirmDirty: false,
         fileList: [],
+        formLoading: false,
         mode: "subscribe"
     }
 
@@ -39,17 +40,19 @@ class TheFormDef extends React.PureComponent {
             return
         }
 
+        this.setState({ formLoading: true })
         let params = new FormData()
         params.set("params", JSON.stringify(values))
         params.append("file", this.state.fileList[0])
-
         this.props.request(cs.Routes.UploadRouteImport, cs.MethodPost, params).then(() => {
             notification["info"]({ placement: cs.MsgPosition,
                                     message: "File uploaded",
                                     description: "Please wait while the import is running" })
             this.props.fetchimportState()
+            this.setState({ formLoading: false })
         }).catch(e => {
             notification["error"]({ placement: cs.MsgPosition, message: "Error", description: e.message })
+            this.setState({ formLoading: false })
         })
     }
 
@@ -77,7 +80,7 @@ class TheFormDef extends React.PureComponent {
         }
 
         return (
-            <Spin spinning={false}>
+            <Spin spinning={ this.state.formLoading }>
                 <Form onSubmit={this.handleSubmit}>
                     <Form.Item {...formItemLayout} label="Mode">
                         {getFieldDecorator("mode", { rules: [{ required: true }], initialValue: "subscribe" })(