diff options
| author |  Vitaly Takmazov | 2019-02-25 15:38:10 +0300 |
|---|---|---|
| committer | Vitaly Takmazov | 2023-01-13 10:37:54 +0300 |
| commit | 5d4ff506a0d1ebebe92900985b7bce74501b658d (patch) | |
| tree | 1267b7da0df1224c7c8ef3148828c458412b2d67 | |
| parent | d64fc4be0130b7dfb91fdb3e05fccad380253abc (diff) | |
Fix Avatar state update - https://stackoverflow.com/questions/54865764
| -rw-r--r-- | vnext/src/components/Avatar.js | 3 | ||||
| -rw-r--r-- | vnext/src/components/Types.js | 3 | ||||
| -rw-r--r-- | vnext/src/components/UserInfo.js | 2 |
3 files changed, 5 insertions, 3 deletions
diff --git a/vnext/src/components/Avatar.js b/vnext/src/components/Avatar.js index 67d75c5e..64c16ead 100644 --- a/vnext/src/components/Avatar.js +++ b/vnext/src/components/Avatar.js @@ -15,6 +15,7 @@ let isMounted; function Avatar(props) { const [user, setUser] = useState(props.user); useEffect(() => { + setUser(props.user); isMounted = true; if (!user.uid && user.uri) { fetchUserUri(user.uri).then(response => { @@ -26,7 +27,7 @@ function Avatar(props) { isMounted = false; }; } - }); + }, [props.user]); return ( <div className="Avatar" style={props.style}> <div className="msg-avatar"> diff --git a/vnext/src/components/Types.js b/vnext/src/components/Types.js index db90d41e..5a495ff3 100644 --- a/vnext/src/components/Types.js +++ b/vnext/src/components/Types.js @@ -2,7 +2,8 @@ import PropTypes from 'prop-types'; export const UserType = PropTypes.shape({ uid: PropTypes.number, - uname: PropTypes.string + uname: PropTypes.string, + avatar: PropTypes.string }); export const MessageType = PropTypes.shape({ diff --git a/vnext/src/components/UserInfo.js b/vnext/src/components/UserInfo.js index b08355f8..c76ef0c7 100644 --- a/vnext/src/components/UserInfo.js +++ b/vnext/src/components/UserInfo.js @@ -27,7 +27,7 @@ export default function UserInfo(props) { return () => { isMounted = false; }; - }); + }, []); return ( <> <div className="userinfo"> |