From 46df9bb98985cf96ffb14fac032a2b9446e4e994 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 2711657e..4242cae8 100644
--- a/js/components/record/Record.js
+++ b/js/components/record/Record.js
@@ -119,17 +119,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>}
         </>;
     }