Kieran
/
snort
5
14
Fork 14
Code Issues 52 Pull Requests 1 Packages Projects Releases 24 Wiki Activity

display name edition in settings

This commit is contained in:
Alejandro Gomez 2023-01-10 10:53:28 +01:00
parent 17c1d072f4
commit 28da0aeb05
No known key found for this signature in database
GPG Key ID: 4DF39E566658C817
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/SettingsPage.js
View File

@ -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">