Change Login Successful styles

gravitational · Jan 30, 2019 · 0b272d4 · 0b272d4
1 parent 1265d4c
commit 0b272d4
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 20 deletions.
diff --git a/e b/e
diff --git a/web/dist/app/app.41168bda625ce8b55795.js → web/dist/app/app.3230b522f504136bd5a7.js b/web/dist/app/app.41168bda625ce8b55795.js → web/dist/app/app.3230b522f504136bd5a7.js
@@ -3065,7 +3065,7 @@ limitations under the License.
 
 
 
-var MSG_INFO_LOGIN_SUCCESS = 'Login was successful, you can close this window and continue using tsh.';
+var MSG_INFO_LOGIN_SUCCESS = 'Login successful';
 var MSG_ERROR_LOGIN_FAILED = 'Login unsuccessful. Please try again, if the problem persists, contact your system administrator.';
 var MSG_ERROR_DEFAULT = 'Internal Error';
 var MSG_ERROR_NOT_FOUND = '404 Not Found';
@@ -3093,7 +3093,7 @@ var InfoPage = documentTitle_withDocTitle("Info", function (_ref) {
     return react_default.a.createElement(msgPage_SuccessfulLogin, null);
   }
 
-  return react_default.a.createElement(msgPage_InfoBox, null);
+  return null;
 });
 
 var ErrorPage = documentTitle_withDocTitle("Error", function (_ref2) {
@@ -3129,12 +3129,8 @@ var msgPage_Box = function Box(props) {
   );
 };
 
-var msgPage_InfoBox = function InfoBox(props) {
-  return react_default.a.createElement(msgPage_Box, msgPage_extends({ iconClass: 'fa fa-smile-o' }, props));
-};
-
 var msgPage_ErrorBox = function ErrorBox(props) {
-  return react_default.a.createElement(msgPage_Box, msgPage_extends({ iconClass: 'fa fa-frown-o' }, props));
+  return react_default.a.createElement(msgPage_Box, msgPage_extends({ iconClass: 'fa fa-exclamation-triangle' }, props));
 };
 
 var msgPage_ErrorBoxDetails = function ErrorBoxDetails(_ref3) {
@@ -3237,16 +3233,28 @@ var msgPage_LoginFailed = function LoginFailed(_ref6) {
 
 var msgPage_SuccessfulLogin = function SuccessfulLogin() {
   return react_default.a.createElement(
-    msgPage_InfoBox,
-    null,
+    msgPage_Box,
+    { iconClass: 'fa fa-check-circle m-b-md' },
     react_default.a.createElement(
       'h1',
       null,
       MSG_INFO_LOGIN_SUCCESS
+    ),
+    react_default.a.createElement(
+      'p',
+      { className: 'm-t', style: successfulLoginStyles },
+      'You have successfully signed into your account. You can close this window and continue using the product.'
     )
   );
 };
 
+var successfulLoginStyles = {
+  textAlign: "center",
+  maxWidth: "500px",
+  marginLeft: "auto",
+  marginRight: "auto"
+};
+
 
 // CONCATENATED MODULE: ./src/app/components/user/invite.jsx
 var invite_createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

diff --git a/web/dist/index.html b/web/dist/index.html
@@ -11,5 +11,5 @@
   <link rel="shortcut icon" href="/web/app/favicon.ico"><link href="/web/app/styles.99d6d186e15c06eb6d3a.css" rel="stylesheet"></head>
   <body class="grv">
     <div id="app"></div>        
-  <script type="text/javascript" src="/web/app/vendor.2c077e3791a621aa61cf.js"></script><script type="text/javascript" src="/web/app/app.41168bda625ce8b55795.js"></script></body>
+  <script type="text/javascript" src="/web/app/vendor.2c077e3791a621aa61cf.js"></script><script type="text/javascript" src="/web/app/app.3230b522f504136bd5a7.js"></script></body>
 </html>
diff --git a/web/src/app/components/msgPage.jsx b/web/src/app/components/msgPage.jsx
@@ -17,7 +17,7 @@ limitations under the License.
 import React from 'react';
 import { withDocTitle } from './documentTitle';
 
-export const MSG_INFO_LOGIN_SUCCESS = 'Login was successful, you can close this window and continue using tsh.';
+export const MSG_INFO_LOGIN_SUCCESS = 'Login successful';
 export const MSG_ERROR_LOGIN_FAILED = 'Login unsuccessful. Please try again, if the problem persists, contact your system administrator.';
 export const MSG_ERROR_DEFAULT = 'Internal Error';
 export const MSG_ERROR_NOT_FOUND = '404 Not Found';
@@ -43,7 +43,7 @@ const InfoPage = withDocTitle("Info", ({ params }) => {
     return <SuccessfulLogin/>
   }
 
-  return <InfoBox />
+  return null;
 })
 
 const ErrorPage = withDocTitle("Error", ({ params, location }) => {
@@ -72,12 +72,8 @@ const Box = props => (
   </div>
 )
 
-const InfoBox = props => (
-  <Box iconClass="fa fa-smile-o" {...props}/>
-)
-
 const ErrorBox = props => (
-  <Box iconClass="fa fa-frown-o" {...props} />
+  <Box iconClass="fa fa-exclamation-triangle" {...props} />
 )
 
 const ErrorBoxDetails = ({ message='' }) => (
@@ -127,11 +123,23 @@ const LoginFailed = ({ message }) => (
 )
 
 const SuccessfulLogin = () => (
-  <InfoBox>
+  <Box iconClass="fa fa-check-circle m-b-md" >
     <h1>{MSG_INFO_LOGIN_SUCCESS}</h1>
-  </InfoBox>
+    <p className="m-t" style={successfulLoginStyles}>
+      You have successfully signed into your account.
+      You can close this window and continue using the product.
+    </p>
+  </Box>
 )
 
+const successfulLoginStyles = {
+  textAlign: "center",
+  maxWidth: "500px",
+  marginLeft: "auto",
+  marginRight: "auto",
+}
+
+
 export {
   ErrorPage,
   InfoPage,