From ff5a359b93fb9564fe104f49dc462596032923ea Mon Sep 17 00:00:00 2001
From: Alem Snyder <alemsnyder@gmail.com>
Date: Tue, 19 Sep 2023 17:09:57 -0700
Subject: [PATCH] Ability to modify username

---
 src/client/components/user/Profile.js | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/client/components/user/Profile.js b/src/client/components/user/Profile.js
index 8d21a1c..dc0e454 100644
--- a/src/client/components/user/Profile.js
+++ b/src/client/components/user/Profile.js
@@ -32,7 +32,7 @@ import DarbAvatarEditor from "./DarbAvatarEditor";
 import Affiliation from "./Affiliation";
 import { updateUser } from "../../store/user";
 
-const EDITABLE = ["firstName", "lastName", "uuid", "phone", "room", "bio"];
+const EDITABLE = ["username", "firstName", "lastName", "uuid", "phone", "room", "bio"];
 const PROFILE = ["bio", "room"];
 
 const renderTooltip = (text) => (props) =>
@@ -184,6 +184,22 @@ function ProfileWall() {
                     </MDBCol>
                   </MDBRow>
                   <hr />
+                  <MDBRow>
+                    <MDBCol sm="3">
+                      <MDBCardText>Username</MDBCardText>
+                    </MDBCol>
+                    <MDBCol sm="9">
+                      <MDBCardText className="text-muted">
+                        <MDBInput
+                          type="text"
+                          name="username"
+                          value={user.username}
+                          onChange={handleChange}
+                        />
+                      </MDBCardText>
+                    </MDBCol>
+                  </MDBRow>
+                  <hr />
                   <MDBRow>
                     <MDBCol sm="3">
                       <MDBCardText>First Name</MDBCardText>