From 2c83969a63cc97bf6a5265f1522084da074901b0 Mon Sep 17 00:00:00 2001
From: GMorse19 <malorse@comcast.net>
Date: Wed, 2 Sep 2020 13:48:25 -0400
Subject: [PATCH] Added password confirmation to ChangePassword.js

---
 src/api/auth.js                                |  3 ++-
 .../ChangePassword/ChangePassword.js           | 18 +++++++++++++++---
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/api/auth.js b/src/api/auth.js
index a364e0d..c60b863 100644
--- a/src/api/auth.js
+++ b/src/api/auth.js
@@ -76,7 +76,8 @@ export const changePassword = (passwords, user) => {
     data: {
       passwords: {
         old: passwords.oldPassword,
-        new: passwords.newPassword
+        new: passwords.newPassword,
+        confirm: passwords.newPasswordConfirmation
       }
     }
   })
diff --git a/src/components/ChangePassword/ChangePassword.js b/src/components/ChangePassword/ChangePassword.js
index e47a708..a582f19 100644
--- a/src/components/ChangePassword/ChangePassword.js
+++ b/src/components/ChangePassword/ChangePassword.js
@@ -14,7 +14,8 @@ class ChangePassword extends Component {
 
     this.state = {
       oldPassword: '',
-      newPassword: ''
+      newPassword: '',
+      newPasswordConfirmation: ''
     }
   }
 
@@ -44,12 +45,12 @@ class ChangePassword extends Component {
           variant: 'danger'
         })
         console.error(error)
-        this.setState({ oldPassword: '', newPassword: '' })
+        this.setState({ oldPassword: '', newPassword: '', newPasswordConfirmation: '' })
       })
   }
 
   render () {
-    const { oldPassword, newPassword } = this.state
+    const { oldPassword, newPassword, newPasswordConfirmation } = this.state
 
     return (
       <div className="container popup">
@@ -83,6 +84,17 @@ class ChangePassword extends Component {
                 onChange={this.handleChange}
               />
             </Form.Group>
+            <Form.Group controlId="newPasswordConfirmation">
+              <PasswordInput
+                fullWidth={true}
+                className="account-info password"
+                required
+                name="newPasswordConfirmation"
+                value={newPasswordConfirmation}
+                placeholder="New Password Confirmation"
+                onChange={this.handleChange}
+              />
+            </Form.Group>
             <Link to='/' className="cancel-button m-3" onClick={this.closeWindow}>
               Cancel
             </Link>