From 28da0aeb051f355e2644fdcb4a54973a3fe788f8 Mon Sep 17 00:00:00 2001
From: Alejandro Gomez <alejandro@strike.me>
Date: Tue, 10 Jan 2023 10:53:28 +0100
Subject: [PATCH] display name edition in settings

---
 src/pages/SettingsPage.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/pages/SettingsPage.js b/src/pages/SettingsPage.js
index 2e9630fa..9fea2319 100644
--- a/src/pages/SettingsPage.js
+++ b/src/pages/SettingsPage.js
@@ -20,6 +20,7 @@ export default function SettingsPage(props) {
     const publisher = useEventPublisher();
 
     const [name, setName] = useState("");
+    const [displayName, setDisplayName] = useState("");
     const [picture, setPicture] = useState("");
     const [about, setAbout] = useState("");
     const [website, setWebsite] = useState("");
@@ -31,6 +32,7 @@ export default function SettingsPage(props) {
     useEffect(() => {
         if (user) {
             setName(user.name ?? "");
+            setDisplayName(user.display_name ?? "")
             setPicture(user.picture ?? "");
             setAbout(user.about ?? "");
             setWebsite(user.website ?? "");
@@ -45,6 +47,7 @@ export default function SettingsPage(props) {
         let userCopy = {
             ...user,
             name,
+            display_name: displayName,
             about,
             picture,
             website,
@@ -102,6 +105,12 @@ export default function SettingsPage(props) {
                         <input type="text" value={name} onChange={(e) => setName(e.target.value)} />
                     </div>
                 </div>
+                <div className="form-group">
+                    <div>Display name:</div>
+                    <div>
+                        <input type="text" value={displayName} onChange={(e) => setDisplayName(e.target.value)} />
+                    </div>
+                </div>
                 <div className="form-group f-col">
                     <div>About:</div>
                     <div className="w-max">