- add forgot password link #1878

metasfresh · Aug 7, 2018 · 0435087 · 0435087
1 parent 80806b0
commit 0435087
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 3 deletions.
diff --git a/src/assets/css/styles.css b/src/assets/css/styles.css
@@ -981,10 +981,15 @@ td.pulse-off input {
     .mb-2 {
         margin-bottom: 1.5rem !important;
     }
-}
 
-.login-form > div {
-    position: relative;
+    .forgot-password-link {
+        cursor: pointer;
+        color: $brand-link-color !important;
+
+        &&:hover {
+            color: $brand-color-primary !important;
+        }
+    }
 }
 
 .filter-btn-wrapper {

diff --git a/src/components/app/LoginForm.js b/src/components/app/LoginForm.js
@@ -145,6 +145,10 @@ class LoginForm extends Component {
     });
   };
 
+  handleForgotPassword = () => {
+    console.log('clicked')
+  }
+
   openDropdown = () => {
     this.setState({
       dropdownToggled: true,
@@ -257,6 +261,14 @@ class LoginForm extends Component {
               : counterpart.translate('login.callToAction')}
           </button>
         </div>
+        <div className="mt-2">
+          <a
+            className="forgot-password-link"
+            onClick={this.handleForgotPassword}
+          >
+            {counterpart.translate('login.forgotPassword.caption')}
+          </a>
+        </div>
       </div>
     );
   }

diff --git a/src/containers/Login.js b/src/containers/Login.js
@@ -17,6 +17,7 @@ class Login extends Component {
     }
   }
 
+  // TODO: We could use current-device lib for this
   userBrowser = () => {
     const isChrome = !!window.chrome && !!window.chrome.webstore;