changes for #359

client/src/components/Upload/Initial/index.jsx

@@ -26,14 +26,17 @@ export default function Initial({ onError, onUpload, templateId }) {
 
   const [invalidFileExtension, setInvalidFileExtension] = React.useState(false);
 
+  const [isDisabledDownload, disableDownload] = React.useState(false);
   const downloadTemplate = async () => {
+    disableDownload(true);
     const url = `${config.API_PREFIX}/templates/${templateId}`;
     try {
       const { data } = await apiClient.get(url);
       window.location = data.url;
     } catch (error) {
       if (onError) onError(error);
     }
+    disableDownload(false);
   };
 
   const upload = (files) => {
@@ -96,7 +99,7 @@ export default function Initial({ onError, onUpload, templateId }) {
             </span>
           </div>
           <div className={style.label2}>Supports XLS, XLSX or CSV file</div>
-          <div className={style.label3} onClick={downloadTemplate}>
+          <div className={style.label3} onClick={downloadTemplate} disabled={isDisabledDownload}>
             Download Import Template (.XLSX)
           </div>
         </>

client/src/components/Upload/Initial/style.module.scss

@@ -53,6 +53,12 @@
   text-underline-position: under;
 }
 
+.label3[disabled]
+{
+  pointer-events: none;
+  opacity: 0.7;
+}
+
 .message {
   position: absolute;
   top: 0;