From bdfd49ae3aee52f093da6ee6a86b1b755461f22c Mon Sep 17 00:00:00 2001
From: Adeel Khan <muhammad.adeel@arbisoft.com>
Date: Tue, 23 Feb 2021 12:18:34 +0500
Subject: [PATCH] Minor Fix; 1) Change button style. 2) Add missing text.

VAN-42
---
 src/common-components/EnterpriseSSO.jsx | 6 +++---
 src/common-components/messages.jsx      | 5 +++++
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/common-components/EnterpriseSSO.jsx b/src/common-components/EnterpriseSSO.jsx
index 1b3435ca..d195e4c2 100644
--- a/src/common-components/EnterpriseSSO.jsx
+++ b/src/common-components/EnterpriseSSO.jsx
@@ -46,7 +46,7 @@ const EnterpriseSSO = (props) => {
                 {tpaProvider.iconImage ? (
                   <div aria-hidden="true">
                     <img className="icon-image" src={tpaProvider.iconImage} alt={`icon ${tpaProvider.name}`} />
-                    <span className="pl-2" aria-hidden="true">{tpaProvider.name}</span>
+                    <span className="pl-2" aria-hidden="true">{intl.formatMessage(messages['enterprisetpa.sso.button.title'], { providerName: tpaProvider.name })}</span>
                   </div>
                 )
                   : (
@@ -56,14 +56,14 @@ const EnterpriseSSO = (props) => {
                           icon={SUPPORTED_ICON_CLASSES.includes(tpaProvider.iconClass) ? ['fab', tpaProvider.iconClass] : faSignInAlt}
                         />
                       </div>
-                      <span className="pl-2" aria-hidden="true">Sign in using {tpaProvider.name}</span>
+                      <span className="pl-2" aria-hidden="true">{intl.formatMessage(messages['enterprisetpa.sso.button.title'], { providerName: tpaProvider.name })}</span>
                     </>
                   )}
               </Button>
               <div className="mb-4" />
               <Button
                 type="submit"
-                variant="primary"
+                variant="outline-primary"
                 state="Complete"
                 className="w-100"
                 onClick={(e) => handleClick(e)}
diff --git a/src/common-components/messages.jsx b/src/common-components/messages.jsx
index 165bcf39..4673b789 100644
--- a/src/common-components/messages.jsx
+++ b/src/common-components/messages.jsx
@@ -34,6 +34,11 @@ const messages = defineMessages({
     defaultMessage: 'Would you like to sign in using your {providerName} credentials?',
     description: 'Header text used in enterprise third party authentication',
   },
+  'enterprisetpa.sso.button.title': {
+    id: 'enterprisetpa.sso.button.title',
+    defaultMessage: 'Sign in using {providerName}',
+    description: 'Text for third party auth provider buttons',
+  },
   'enterprisetpa.login.button.text': {
     id: 'enterprisetpa.login.button.text',
     defaultMessage: 'Show me other ways to sign in or register',