Added text changes when MFA button is clicked (#179)

Nike-Inc · Sep 26, 2018 · e56b178 · e56b178
1 parent 6236c36
commit e56b178
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/dashboard/app/components/LoginMfaForm/LoginFormMfa.scss b/dashboard/app/components/LoginMfaForm/LoginFormMfa.scss
@@ -22,6 +22,12 @@
       #send-code-mfa-btn {
         margin-right: 12px;
       }
+
+      #sent-mfa-btn {
+        margin-right: 12px;
+        padding-left: 37px;
+        padding-right: 37px;
+      }
     }
 
     .ncss-error-msg {

diff --git a/dashboard/app/components/LoginMfaForm/LoginMfaForm.js b/dashboard/app/components/LoginMfaForm/LoginMfaForm.js
@@ -97,13 +97,14 @@ export default class LoginMfaForm extends Component {
 
                                 <div id='otp-input-row'>
                                     {shouldDisplaySendCodeButton &&
-                                        <button id='send-code-mfa-btn' type='button' className='ncss-btn-offwhite ncss-brand pt3-sm pr5-sm pb3-sm pl5-sm pt2-lg pb2-lg u-uppercase'
-                                            onClick={function () {
-                                                 dispatch(triggerCodeChallenge(selectedDeviceId, stateToken))
+                                        <button id={isChallengeSent ? 'sent-mfa-btn' : 'send-code-mfa-btn'} type='button' className='ncss-btn-offwhite ncss-brand pt3-sm pr5-sm pb3-sm pl5-sm pt2-lg pb2-lg u-uppercase'
+
+                                               onClick={function () {
+                                                dispatch(triggerCodeChallenge(selectedDeviceId, stateToken));
                                                 }
                                             }
                                             disabled={isChallengeSent}
-                                        >Send Code</button>
+                                        >{isChallengeSent ? "Sent" : "Send Code"}</button>
                                     }
 
                                     <input type='text'