forked from Kieran/snort
display name edition in settings
This commit is contained in:
parent
17c1d072f4
commit
28da0aeb05
@ -20,6 +20,7 @@ export default function SettingsPage(props) {
|
|||||||
const publisher = useEventPublisher();
|
const publisher = useEventPublisher();
|
||||||
|
|
||||||
const [name, setName] = useState("");
|
const [name, setName] = useState("");
|
||||||
|
const [displayName, setDisplayName] = useState("");
|
||||||
const [picture, setPicture] = useState("");
|
const [picture, setPicture] = useState("");
|
||||||
const [about, setAbout] = useState("");
|
const [about, setAbout] = useState("");
|
||||||
const [website, setWebsite] = useState("");
|
const [website, setWebsite] = useState("");
|
||||||
@ -31,6 +32,7 @@ export default function SettingsPage(props) {
|
|||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (user) {
|
if (user) {
|
||||||
setName(user.name ?? "");
|
setName(user.name ?? "");
|
||||||
|
setDisplayName(user.display_name ?? "")
|
||||||
setPicture(user.picture ?? "");
|
setPicture(user.picture ?? "");
|
||||||
setAbout(user.about ?? "");
|
setAbout(user.about ?? "");
|
||||||
setWebsite(user.website ?? "");
|
setWebsite(user.website ?? "");
|
||||||
@ -45,6 +47,7 @@ export default function SettingsPage(props) {
|
|||||||
let userCopy = {
|
let userCopy = {
|
||||||
...user,
|
...user,
|
||||||
name,
|
name,
|
||||||
|
display_name: displayName,
|
||||||
about,
|
about,
|
||||||
picture,
|
picture,
|
||||||
website,
|
website,
|
||||||
@ -102,6 +105,12 @@ export default function SettingsPage(props) {
|
|||||||
<input type="text" value={name} onChange={(e) => setName(e.target.value)} />
|
<input type="text" value={name} onChange={(e) => setName(e.target.value)} />
|
||||||
</div>
|
</div>
|
||||||
</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 className="form-group f-col">
|
||||||
<div>About:</div>
|
<div>About:</div>
|
||||||
<div className="w-max">
|
<div className="w-max">
|
||||||
|
Loading…
Reference in New Issue
Block a user