From 7c4489eb0eba91a78bd0a9557c2e8af19c1e8987 Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Tue, 30 Aug 2022 23:10:55 -0600
Subject: [PATCH] =?UTF-8?q?agregar=20di=C3=A1logo=20de=20confirmaci=C3=B3n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web-ui/web-react/src/components/LogInUser.js | 30 ++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/web-ui/web-react/src/components/LogInUser.js b/web-ui/web-react/src/components/LogInUser.js
index 32d44b58..3871547b 100644
--- a/web-ui/web-react/src/components/LogInUser.js
+++ b/web-ui/web-react/src/components/LogInUser.js
@@ -2,6 +2,7 @@ import React, { Component, Fragment, useRef } from 'react';
 import Cookies from 'universal-cookie';
 import { InputText } from 'primereact/inputtext';
 import { Button } from 'primereact/button';
+import { Dialog } from 'primereact/dialog';
 import { Toast } from 'primereact/toast';
 
 const baseUrl = 'http://localhost:4000/user/loginUser';
@@ -122,6 +123,27 @@ class LogInUser extends Component {
     }
   };
 
+  resetPassword = () => {
+    this.props.showPwdResetDialog = true;
+  }
+
+  pwdResetDialogFooter = (
+    <>
+      <Button
+        label="Confirmar"
+        icon="pi pi-check"
+        className="p-button-text"
+        onClick={this.resetPassword}
+      />
+      <Button
+        label='Cerrar'
+        icon='pi pi-times'
+        className='p-button-text'
+        onClick={() => this.props.showPwdResetDialog = false}
+      />
+    </>
+  )
+
   componentDidMount() {
     if (cookies.get('email')) {
       window.location.href = '/';
@@ -221,11 +243,19 @@ class LogInUser extends Component {
                 <Button
                   label="Restablecer Contraseña"
                   className="p-button-link"
+                  onClick={() => this.props.showPwdResetDialog = true}
                 />
               </div>
             </div>
           </div>
         </div>
+        <Dialog
+          visible={this.props.showPwdResetDialog}
+          style={{ width: '50vw' }}
+          header="Restablecer Contraseña"
+          modal
+          className="p-fluid"
+        ></Dialog>
       </Fragment>
     );
   }