fixes #242 add a link to the login error message to access API directly

login-view/src/components/ErrorMessage.js

@@ -10,10 +10,12 @@ const useStyles = makeStyles(theme => ({
 function ErrorMessage(props) {
     const classes = useStyles();
     return (
-        <div className={classes.error}>
-            {props.error}
-        </div>
+        <div className={classes.error}  dangerouslySetInnerHTML={ createMarkup(props.error) } />
     )
 }
 
+function createMarkup(error) {
+  return {__html: error};
+}
+
 export default ErrorMessage;

login-view/src/components/Login.js

@@ -158,7 +158,20 @@ function Login() {
     })
     .catch(error => {
         console.log("error=", error);
-        setError(error.toString());
+        const data = {
+          email: username,
+          password: password
+        };
+        const cmd = {
+          host: 'lightapi.net',
+          service: 'user',
+          action: 'loginUser',
+          version: '0.1.0',
+          data: data
+        };
+        const url = '/portal/query?cmd=' + encodeURIComponent(JSON.stringify(cmd));
+        const message = 'Login Failed! Click <a href="link">here</a> to identify root cause.'
+        setError(message.replace('link', url));
     });
   };
 

login-view/src/setupProxy.js

@@ -3,4 +3,5 @@ const { createProxyMiddleware } = require('http-proxy-middleware');
 module.exports = function(app) {
     app.use('/oauth2/code', createProxyMiddleware({ target: 'https://localhost:6881', secure: false }));
     app.use('/portal/command', createProxyMiddleware({ target: 'https://localhost:8441', secure: false }));
+    app.use('/portal/query', createProxyMiddleware({ target: 'https://localhost:8442', secure: false }));
 };