From 0940550b40da48d142a0b6eee52d5283dacef859 Mon Sep 17 00:00:00 2001
From: Spectralitree <spectralitree@gmail.com>
Date: Sun, 7 Feb 2021 01:10:56 +0100
Subject: [PATCH] tweak editing

---
 src/Components/MemberPage.js | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

diff --git a/src/Components/MemberPage.js b/src/Components/MemberPage.js
index 15287cf1..7d081ae9 100644
--- a/src/Components/MemberPage.js
+++ b/src/Components/MemberPage.js
@@ -1,4 +1,4 @@
-import React, { useEffect, useState, useRef } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Link } from 'react-router-dom';
 import  * as BS from 'react-bootstrap'
 import { useForm } from "react-hook-form";
@@ -113,6 +113,8 @@ export default function MemberPage(props) {
     }, [member.description, member.color, member.birthday, member.display_name, member.pronouns, member.avatar_url, member.proxy_tags]);
 
     const submitEdit = data => {
+        props.edit(Object.assign(member, data));
+
         fetch(`${API_URL}m/${member.id}`,{
             method: 'PATCH',
             body: JSON.stringify(data),
@@ -132,6 +134,8 @@ export default function MemberPage(props) {
     }
 
     const submitPrivacy = data => {
+        props.edit(Object.assign(member, data));
+        
         fetch(`${API_URL}m/${member.id}`,{
             method: 'PATCH',
             body: JSON.stringify(data),
@@ -181,6 +185,7 @@ export default function MemberPage(props) {
     const submitProxy = data => {
 
         const newdata = {proxy_tags: data.proxy_tags.filter(tag => !(tag.prefix === "" && tag.suffix === ""))}
+        props.edit(Object.assign(member, newdata));
 
         fetch(`${API_URL}m/${member.id}`,{
             method: 'PATCH',
@@ -200,16 +205,6 @@ export default function MemberPage(props) {
                 setErrorAlert(true);
             });
     }
-    
-    const didMount = useRef(false);
- 
-    useEffect(() => {
-      if (didMount.current) {
-        props.edit(member);
-      } else {
-        didMount.current = true;
-      }
-    }, [props, member]);
 
     function copyLink() {
         var link = `https://spectralitree.github.io/pk-webs/profile/${sysID}/${member.id}`