From 5eff6b2ba85229411f073f84c5830877d5390678 Mon Sep 17 00:00:00 2001
From: Max Chopart <max.chopart@gmail.com>
Date: Wed, 13 Dec 2023 13:34:05 +0100
Subject: [PATCH] [New #18] Added loading wheel for buttons

---
 js/components/record/Record.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/js/components/record/Record.js b/js/components/record/Record.js
index ff60888d..58217d4c 100644
--- a/js/components/record/Record.js
+++ b/js/components/record/Record.js
@@ -114,17 +114,23 @@ class Record extends React.Component {
     }
 
     _renderRoleSpecificButtons() {
+        const {record, recordSaved, formgen} = this.props;
+
         return <>
             {EXTENSIONS === EXTENSION_CONSTANTS.SUPPLIER &&
                 <Button className="mx-1" variant='danger' size='sm'
+                        disabled={formgen.status === ACTION_STATUS.PENDING || recordSaved.status === ACTION_STATUS.PENDING
+                            || !this.state.isFormValid || !record.state.isComplete()}
                         onClick={this.props.handlers.onReject}>
-                    {this.i18n('reject')}
+                    {this.i18n('reject')}{recordSaved.status === ACTION_STATUS.PENDING && <LoaderSmall/>}
                 </Button>
             }
             {EXTENSIONS === EXTENSION_CONSTANTS.OPERATOR &&
                 <Button className="mx-1" variant='success' size='sm'
+                        disabled={formgen.status === ACTION_STATUS.PENDING || recordSaved.status === ACTION_STATUS.PENDING
+                            || !this.state.isFormValid || !record.state.isComplete()}
                         onClick={this.props.handlers.onComplete}>
-                    {this.i18n('complete')}
+                    {this.i18n('complete')}{recordSaved.status === ACTION_STATUS.PENDING && <LoaderSmall/>}
                 </Button>}
         </>;
     }