From 3cfdcd899aac29f64675c8e8be9cd74dd8020110 Mon Sep 17 00:00:00 2001
From: Michael Quigley <michael@quigley.com>
Date: Fri, 16 Feb 2024 11:21:13 -0500
Subject: [PATCH] user interface tweaks (#148)

---
 ui/src/console/detail/account/ActionsTab.js    | 18 +++++++++---------
 .../detail/account/actions/ChangePassword.js   |  4 ++--
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/ui/src/console/detail/account/ActionsTab.js b/ui/src/console/detail/account/ActionsTab.js
index ab65a8b0..da523499 100644
--- a/ui/src/console/detail/account/ActionsTab.js
+++ b/ui/src/console/detail/account/ActionsTab.js
@@ -14,6 +14,15 @@ const ActionsTab = (props) => {
 
     return (
         <div className={"actions-tab"}>
+            <div id={"change-password"} style={{"padding-top": "10px"}}>
+                <h3>Change Password?</h3>
+                <p>Note that this will <strong>not</strong> log out of any already logged in sessions.</p>
+                <Button variant={"danger"} onClick={openChangePasswordModal}>Change Password</Button>
+                <ChangePassword show={showChangePasswordModal} onHide={closeChangePasswordModal} user={props.user}/>
+            </div>
+
+            <hr/>
+
             <div id={"token-regeneration"}>
                 <h3>Regenerate your account token <strong>(DANGER!)</strong>?</h3>
                 <p>
@@ -34,16 +43,7 @@ const ActionsTab = (props) => {
                 <Button variant={"danger"} onClick={openResetTokenModal}>Regenerate Account Token</Button>
                 <ResetToken show={showResetTokenModal} onHide={closeResetTokenModal} user={props.user}/>
             </div>
-            <div id={"change-password"} style={{"padding-top": "10px"}}>
-                <h3>Change Password</h3>
-                <p>
-                    You can change your password to a new one here!
-                </p>
-                <p>Note that this will <strong>not</strong> log out of any already logged in sessions.</p>
-                <Button onClick={openChangePasswordModal}>Change Password</Button>
-                <ChangePassword show={showChangePasswordModal} onHide={closeChangePasswordModal} user={props.user}/>
             </div>
-        </div>
     )
 }
 
diff --git a/ui/src/console/detail/account/actions/ChangePassword.js b/ui/src/console/detail/account/actions/ChangePassword.js
index e38aa438..40f6d031 100644
--- a/ui/src/console/detail/account/actions/ChangePassword.js
+++ b/ui/src/console/detail/account/actions/ChangePassword.js
@@ -8,7 +8,7 @@ import Modal from "react-bootstrap/Modal";
 const ChangePassword = (props) => {
     const [oldPassword, setOldPassword] = useState('');
     const [newPassword, setNewPassword] = useState('');
-    const [message, setMessage] = useState();
+    const [message, setMessage] = useState('');
     const [complete, setComplete] = useState(false);
     const [passwordLength, setPasswordLength] = useState(10);
     const [passwordRequireCapital, setPasswordRequireCapital] = useState(true);
@@ -53,7 +53,7 @@ const ChangePassword = (props) => {
 
     let hide = () => {
         props.onHide();
-        setMessage();
+        setMessage("");
         setComplete(false);
         setOldPassword("");
         setNewPassword("");