Handle profile errors

2 files changed, 15 insertions, 4 deletions

diff --git a/vnext/src/ui/Thread.js b/vnext/src/ui/Thread.js
index 4982daed..b5a855f9 100644
--- a/vnext/src/ui/Thread.js
+++ b/vnext/src/ui/Thread.js
@@ -7,6 +7,7 @@ import Spinner from './Spinner';
 import Avatar from './Avatar';
 import { UserLink } from './UserInfo';
 import Button from './Button';
+import defaultAvatar from '../assets/av-96.png';
 
 import { format, embedUrls } from '../utils/embed';
 
@@ -58,6 +59,13 @@ function Comment({ msg, draft, visitor, active, setActive, onStartEditing, postC
             uri: author.uri
           });
         }
+      }).catch(e => {
+        setAuthor({
+          uid: 0,
+          uname: userRef.current.uri,
+          uri: author.uri,
+          avatar: defaultAvatar
+        });
       });
     }
     return () => {
diff --git a/vnext/src/ui/UserInfo.js b/vnext/src/ui/UserInfo.js
index 9239c58c..2a0ba619 100644
--- a/vnext/src/ui/UserInfo.js
+++ b/vnext/src/ui/UserInfo.js
@@ -1,12 +1,10 @@
 import { memo, useState, useEffect, useRef } from 'react';
 import { Link } from 'react-router-dom';
 
-import { info, fetchUserUri, update } from '../api';
+import { info, fetchUserUri } from '../api';
 
 import Avatar from './Avatar';
 import Icon from './Icon';
-import SearchBox from './SearchBox';
-// @ts-ignore
 import defaultAvatar from '../assets/av-96.png';
 
 import './UserInfo.css';
@@ -110,7 +108,12 @@ export function UserLink(props) {
                     });
                 }
             }).catch(reason => {
-                // TODO: debug logging
+                setUser({
+                    uid: 0,
+                    uname: userRef.current.uri,
+                    uri: userRef.current.uri,
+                    avatar: defaultAvatar
+                });
             });
         }
         return () => {